/* colums act as t-cummunity columns! great!! */
div.row{display:block;margin:0;}
div.row .bottomSpace{margin-bottom:15px;}

/* main layout columns. This is NOT for the columns within the content! */
div.layout-full{display:block;}
div.layout-left{float:left;display:inline;width:788px;margin-right:10px;overflow: hidden;}
div.layout-right{float:left;display:inline;width:164px;}
div.layout-right-extended{float:left;display:inline;width:176px;overflow:hidden;}
.home div.layout-left{float:left;display:inline;width:693px;margin-right:15px;overflow-x:hidden;}
.home div.layout-right{float:left;display:inline;width:273px;overflow-x:hidden;}

/* content columns - you could call them "subcolumns" ... */
.column-1,.column-2,.column-3,.column-12,.column-23,.column-123{background:transparent;}
div.column-1,
div.column-2,
div.column-3{float:left;display:inline;}

/* these widths work with mainContent + NOT(!!) padded + bordered */
div.column-1{width:477px;}
div.column-2{width:294px;}
.layout-left div.column-2{width:287px;}
div.column-3{width:168px;}
div.column-12{float:left;display:inline;width:785px;}
div.column-23{float:left;display:inline;width:476px;}
/* these widths work with mainContent + padded + bordered */
.padded div.column-1{width:463px;}
.padded div.column-2{width:294px;}
.padded div.column-3{width:154px;}
.padded div.column-12{float:left;display:inline;width:771px;}
.padded div.column-23{float:left;display:inline;width:462px;}

/* full width: no need for a fixed width setting! */
div.column-123{display:block;}

/* column-2 and -3 need spacing on the LEFT side. */
div.column-2,
div.column-3,
div.column-23{margin-left:14px;}

/* @group shopSetting */

.shopSetting DIV.column-1{
	width: 450px;
}
.shopSetting DIV.column-2{
	margin-left: 21px;
	width: 270px;
}

/* @end */

/* @group formSetting */

.formSetting DIV.column-1 {
	width: 170px;
}
.formSetting DIV.column-2 {
	float: none;
	padding-left: 200px;
	width: auto;
}



/* @end */


.split DIV.column-1{
	width: 50%;
}

.split DIV.column-2{
	width: 50%;
}