/* Sample CSS Template for KB Content Containers with border-width: 1px for visual reference.  */

/*************************/
/* KB Content Containers */
/*************************/

.kb-container {
float:left;
width:100%;
border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */
}

.kb-clearer {
clear:both;
height:2px;
width:auto;
}


/***********************/
/* 1column.html Styles */
/***********************/


/* 1column.html 2 Column Content Containers */

.kb2column-1col-l {
width:364px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb2column-1col-r {
width:364px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}


/* 1column.html 3 Column Content Containers */

.kb-3colwrapper-1col-r {
width:500px;
float:right;
}

.kb3column-1col-l {
width:230px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb3column-1col-r {
width:230px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}


/* 1column.html 4 Column Content Containers */

.kb-4colwrapper-1col-l {
width:360px;
float:left;
}
.kb-4colwrapper-1col-r {
width:360px;
float:right;
}

.kb4column-1col-l {
width:160px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb4column-1col-r {
width:160px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}


/********************************/
/* 2column-style1/2.html Styles */
/********************************/


/* 2column-style1/2.html 2 Column Content Containers */

.kb2column-2col-l {
width:268px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb2column-2col-r {
width:268px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}


/* 2column-style1/2.html 3 Column Content Containers */

.kb-3colwrapper-2col-r {
width:367px;
float:right;
}

.kb3column-2col-l {
width:170px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb3column-2col-r {
width:170px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}


/*2column-style1/2.html 4 Column Content Containers */

.kb-4colwrapper-2col-l {
width:270px;
float:left;
}
.kb-4colwrapper-2col-r {
width:270px;
float:right;
}

.kb4column-2col-l {
width:120px; height:200px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}

.kb4column-2col-r {
width:120px; height:200px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 1px 1px 1px 1px; border-color: red; border-style: solid;
}