/* -- P&S Wide 01 layout:

containerA1 - Upper Lefthand navigation;
containerA2 - Lower Lefthand navigation;
containerD  - Breadcrumbs;
containerB  - full width, i.e for Headline, Special offer slot1, Main content, Terms & conditions
containerB1of3  - first of three boxes (i.e for Tools)
containerB2of3  - second of three boxes (i.e.for Add-ons)
containerB3of3  - third of three boxes (i.e.for Special offer slot 2)
containerB12of3 - first and second of 3 boxes merged
containerB1of2  - first of two boxes (i.e for Similar products)
containerB1of2  - second of two boxes (i.e for Related products)

*/ 

#ContentAreas {
	background-image: url(/static/wa/consumerordertracking/cyaot/img/css/bg_page_blue_720x1.gif); 
	background-repeat: repeat-y; 
}
/* -- 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.4em 0;
}
/* -- A */
#AreaA {
	float: left;
	width: 160px;
}
.containerA1 {
	padding: 30px 0 10px 19px;
	border-left: 1px solid #adc5d7;
	background-color: #fff;
	background-image: url(/static/wa/consumerordertracking/cyaot/img/css/bg_line_blue_1x1.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.containerA2 {
	padding: 20px 10px 0 20px;
}
/* -- B */
#AreaB {
	margin: 0 19px 0 180px;
	background: #fff;
}
* html #AreaB /* IE/Win, but not IE/Mac */ {
	margin: 0 19px 0 177px;
	/* \*/
	height: 300px; /* */
}
.containerB {
	float: left; /* !!! */
	width: 520px;
}
.containerB2 {
	float: left; /* !!! */
	width: 520px;
}
.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: 255px;
}
.containerB2of2 {
	float: left;
	margin-left: 10px;
	width: 255px;
}

.containerBRight {
	float: right;
	padding: 0 0 0 0;
	width: 160px;
}
/* -- 2 columns ------------------------------------------------------------------------------------------- */
.twoCols .colLeft {
	float: left;
	width: 48%;
}
.twoCols .colRight {
	float: right;
	width: 48%;
}
.twoColsbg {
	float: left;
	padding:1em;
	margin:0.7em 0 1.5em 0;
	background: url(/static/wa/consumerordertracking/cyaot/img/css/bg_grad_blue_1x115.gif) repeat-x;
	max-height:115px;	
}
.twoColsbg .colLeft {
	float: left;
	width: 48%;
}
.twoColsbg .colRight {
	float: right;
	width: 48%;
}
.twoCols .colLeftWide {
	float: left;
	width: 68%;
}
.twoCols .colRightShort {
	float: right;
	width: 32%;
	
}
.twoCols .colRightShort img{
	float: right;
}
/* -- Footer ------------------------------------------------------------------------- */
#Footer div {
	margin: 0 0 0 160px;
}