/*
CSS-file for Corporate Express three column layout 2008
http://lowcost.qa.cepmstore.com
Developed by Kevin Ward
*/
.clear { clear: both; }
#mainContainer {
width: 800px;
min-height: 300px;
background: #ffffff; /*** Set this color to the same background color as the left nav to give the appearance that the left nav stretches all the way down to the footer **/
text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
border:solid 0px;
}
* html #mainContainer {
height: 400px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
.trnshack{
display:block;
filter:alpha(opacity=100);
-moz-opacity: 100;
opacity: 100;
z-index:400;
}
/**************************
HEADER
**************************/
#header {
background:#ffffff;
padding:0px
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
width:800px;
padding:0px;  
border:solid 0px;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 600px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
border:solid 0px;
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 800px;
margin-left: 0px; /*** Same length as .outer padding-left but with negative value ***/
border:solid 0px;
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
float: right;
width: 600px;
background: #ffffff;
border:solid 0px;
}
* html #content {
position: relative;  /*** IE needs this  ***/
}
.contentWrap {
padding: 0px;
border:solid 0px;
}
.contentWrap ol, .contentWrap ul {
margin: 0px 0px 0px 0px;
}
.contentWrap li {
padding-bottom: 0px;
}
.mainContent
{
	padding-left:0px;
	Padding-top:0px;
    POSITION: relative;
    WIDTH:609px;
	border:none;
    BACKGROUND-COLOR:transparent;
    Z-INDEX: 3;
	voice-family: inherit;
	border:solid 0px;
}
.mainContentTable
{
    WIDTH: 609px;
    PADDING: 0px;
    HEIGHT: 426px;
}
.mainContentColumn
{
    VERTICAL-ALIGN: top;
	width:600px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 155px;
background: #ffffff; 
min-height: 450px;
border:solid 0px;
padding-left:30px;
}
* html #left {
position: relative;  /*** IE needs this  ***/
height: 250px;
}
#left ul {
list-style: none;
padding-bottom: 0px;
}
#left li {
padding-bottom: 0px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
float: right;
width: 200px;
background: #ffffff;
padding: 0px;
border:solid 0px;
}
* html #right {
position: relative;  /*** IE needs this  ***/
}
#right ul {
list-style: none;
}
#right li {
display: inline;
padding-right: 0px;
}
/**************************
FOOTER
**************************/
#footer {
width: 800px;
text-align: right;
vertical-align:middle;
height: 22px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
color:#666666;
border:solid 0px;
}
/**************************
Lightbox Code
**************************/
        .black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 50%;
            height: 50%;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }