/* -- P&S layout for template 4:

containerA1 - Upper Left hand navigation;
containerA2 - Lower Left hand navigation;
containerD  - Breadcrumbs;
containerB  - full width, i.e for Headline, Product comparison, Content, etc.
containerB2  - full width, for page content footer
containerB3  - full width with no right margin, for similar and related products
containerB1of3  - first of three boxes (i.e for Similar products)
containerB2of3  - second of three boxes (i.e.for Related products)
containerB3of3  - third of three boxes (i.e.for promo)
containerB12of3 - first and second of 3 boxes merged
containerB1of2  - first of two boxes (i.e for Tools)
containerB1of2  - second of two boxes (i.e for Add-ons)

*/ 

#ContentAreas {
	background-image: url(../../img/css/bg_page_blue_720x1.gif); 
	background-repeat: repeat-y; 
	padding-bottom:1px;
}
body.popup #ContentAreas {
	background-image: none;
}
/* -- D */
#AreaD {
	border-left: 1px solid #adc5d7;
	border-right: 1px solid #adc5d7;
	background: #fff;
}
* html #AreaD  {
	height: 1%;
}
/* breadcrumb */
.containerD1 {
	/*padding: 0 0 0.7em 0;*/
	padding: 0 0 0.2em 0;
}
/* -- A */
#AreaA {
	float: left;
	width: 160px;
}
.containerA1 {
	/*padding: 30px 0 10px 19px;*/
	padding: 3.27em 0 1.3em 1.9em;
	border-left: 1px solid #adc5d7;
	background-color: #fff;
	background-image: url(../../img/css/bg_line_blue_1x1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.containerA2 {
	/*padding: 20px 10px 0 20px;*/
	padding: 1.7em 1.7em 0 1.9em;
}
/* -- B */
#AreaB {
	margin: 0 1px 0 180px;
	background: #fff;
	min-height: 300px;
}
* html #AreaB /* IE/Win, but not IE/Mac */ {
	margin: 0 1px 0 177px;
	/* \*/
	height: 300px; /* */
}

/* define spacing below slots */
#AreaB div.innerPortlet, body.popup div.innerPortlet {
	padding-bottom:10px;
}

.containerB {
	float: left; /* !!! */
	width: 520px;
}
.containerB2 {
	float: left; /* !!! */
	width: 520px;
}
.containerB3 {
	float: left; /* !!! */
	width: 539px;
}
.containerB1of3, .containerB3of3 {
	float: left;
	width: 167px;
}
.containerB2of3 {
	float: left;
	margin: 0 10px 0 9px ;
	width: 167px;
}
.containerB12of3 {
	float: left;
	margin: 0 10px 0 0;
	width: 343px;
}
.containerB1of2 {
	float: left;
	width: 250px;
}
.containerB2of2 {
	float: left;
	margin-left: 20px;
	width: 250px;
}

.containerBRight {
	float: right;
	padding: 0 0 0 0;
	width: 160px;
}
/* -- 2 columns ------------------------------------------------------------------------------------------- */
.twoCols .colLeft {
	float: left;
	width: 48%;
}
.twoCols .colRight {
	float: right;
	width: 48%;
}
.withSpacing .colLeft {width: 45%;}
.withSpacing .colRight {width: 47%; padding-top: 10px;}

/* -- Footer ------------------------------------------------------------------------- */
#Footer div {
	margin: 0 0 0 160px;
}