/*
 * Three Column Structure
 * for documentation see http://www.alistapart.com/articles/holygrail
 *
 */

/* Three column standard layout */
body.three-column #column-wrapper {
    background:#FFF url(/unisys/inc/img/ui/three-column-background.png) repeat-y 0 0;
    overflow:hidden;
    padding:0 210px 0 180px;
    position:relative;
}
body.three-column #column-wrapper .column {
    position:relative;
    float:left; /* Ensure that columns are all the full height.*/
}
body.three-column .main-content-column {
    width:100%;
    padding:9px;
}
body.three-column #left-sidebar {
    height:100%;
    right:198px; /* left-sidebar total width (192px) + offerings-content padding. */
    width:180px;
    margin-left:-100%;
    padding:0;
}
body.three-column #right-sidebar {
    border-left:1px solid #CCC;
    height:100%;
    margin-right:-220px;
    padding:0 10px;
    width:171px;
}
body.three-column #three-column-clear {
    clear:both;
    overflow:hidden;
    width:100%;
}
body.three-column .offering-index-page #column-wrapper {
    background:#FFF url(/unisys/inc/img/ui/three-column-landing-background.png) repeat-y 0 0;
}

/* Offering index page */
body.offering-index-page #column-wrapper {
	background:#FFF url(/unisys/inc/img/ui/three-column-landing-background.png) repeat-y 0 0;
}

/* No right column standard */
body.no-right-column #column-wrapper {
    overflow:hidden;
    padding:0 18px 0 180px;
}
body.no-right-column #column-wrapper .column {
    position:relative;
    float:left; /* Ensure that columns are all the full height.*/
}
body.no-right-column .main-content-column {
    width:100%;
    padding:9px;
}
body.no-right-column #left-sidebar {
    height:100%;
    right:198px; /* left-sidebar total width (192px) + offerings-content padding. */
    width:180px;
    margin-left:-100%;
    padding:0;
}
body.no-right-column #three-column-clear {
    clear:both;
    overflow:hidden;
    width:100%;
}

/* Full height grey left menu on some pages */
body.full-left-three-column #column-wrapper {
	background:#FFF url(/unisys/inc/img/ui/three-column-landing-background.png) repeat-y 0 0;
}
body.full-left-no-right-column #column-wrapper {
	background:#FFF url(/unisys/inc/img/ui/no-right-colum-full-menu-background.png) repeat-y 0 0;
}

/* No Left Column Structure */
body.no-left-column #column-wrapper {
	padding-right:220px; /* right col full width (190) + center column padding (30) */
	position:relative;   /*  needed to fix original IE 6 jumpy left column problem */
	overflow:hidden;     /* fixes IE 7 display issues */
}
body.country #column-wrapper {
    background:#FFF url(/unisys/inc/img/ui/two-column-reverse-bg2.gif) repeat-y 0 0;
}
body.contact #column-wrapper,
body.detail #column-wrapper,
body.search #column-wrapper {
    background:#FFF url(/unisys/inc/img/ui/two-column-reverse-bg.gif) repeat-y 0 0;
}
body.no-left-column #column-wrapper .column {
    position:relative;
    float:left; /* Ensure that columns are all the full height.*/
}
body.no-left-column .main-content-column {
    width:100%;
	padding:0 9px 0 21px; /* center col padding */
}
body.no-left-column #right-sidebar {
	width:160px;           /* right col width without padding */   
	padding:0 20px 0 10px; /* right col padding */
	margin-right:-220px;   /* -(right col full width (190) + center col padding (30))*/ 
	border-left:none;  
}
body.no-left-column #three-column-clear {
    clear:both;
    overflow:hidden;
    width:100%;
}
body.no-left-column #bottom-curve {
	background:transparent url(/unisys/inc/img/ui/bottom-curve-contact.jpg) no-repeat scroll 0;
}

/* One Column Structure */
body.edit-profile-wide #column-wrapper {
    overflow:hidden;
    padding:0 0 0 12px;
}

/* Error Structure */
body.errorpage #column-wrapper {
    overflow:hidden;
    padding:140px 0 200px 200px;
	background-color:#73268C
}