<style type="text/css">

html{
 text-align: center;
}

* {margin:0; padding:0;} /* removes defaults of all elements */

body {
 width : 850px;
 margin : 0 auto;
 text-align : left;
 padding-top : 10px;
 background-color: #ffffff;
 font: 12 verdana, arial, sans-serif;  /* overal font and sizing */
}

div#Main {
  min-width:850px; max-width:960px; /* sets the max and miin widths */
  margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
  text-align:left; /* stops elements inheriting the body's text-center */
}

div#Top_Menu{
 width : 850px;
 padding : 0 0;
 text-align: right;
 z-index : 100;
}

div#PP_Logo{
 text-align: right;
 margin-bottom : 0px;
 padding: 5px;
 z-index : 0;
}

div#contentarea { background-color: transparent; /* ensures bg is white if faux graphic doesn't load */
	background:url(images/faux_left.bmp) repeat-y top left; /* faux columns graphic left column */
	position:relative; /* set positioning context  for left sidebar div */
	border: solid 0px #F00;
	z-index: 0;
}
div#contentarea2 {
	background-color: transparent; /* ensures bg is white if faux graphic doesn't load */
	/*background:url(images/faux_right.gif) repeat-y top right; /* faux columns graphic right column */
	position:relative; /* set positioning context  for right sidebar div */
	border: solid 0px #0F0;
	z-index: 0;
}

div#Center_Col{ 
 background-color:#FFF; 
 margin:0 267px 0 150px; /* left and right margins to make room for sidebars */
 border: solid 0px #333;
 z-index: 0;
}

div#Intro {
 top: 0px;
 padding: 5px;
 margin-top: 10px;
 z-index: 0;
}

div#Left_Col{
 width : 150px;
 padding : 0 0;
 margin-top : 0px; 
 position: absolute; /* contextual positioning in contentarea container */
 top:0px; left:0px; /*positions col within contentarea container */
 /*background-color:#fff0aa; /* left col bg color - (change color to see divs is position : ) */
 background-color: transparent;
 border: solid 0px #333;
 overflow:hidden; /* prevents overlarge elements breaking out of column */
}

div#Right_Col {
    width: 267px; 
    position:absolute;  /* contextual positioning in contentarea container */
    top:0px; right:0px; /*positions col within contentarea container */
    margin-top : 0px; /*55px*/ 
    background-color: transparent; /* right col bg color - (change color to see divs is position : ) */
    border: solid 0px #333;
    overflow:hidden; /* prevents overlarge elements breaking out of column */
}

div#Footer {
 width : 850px;
 height : 80px;
 padding : 0 0;
 margin-top: -20px; 
 z-index : 10;
}

div#ball{
 position : relative;
 top : 20px;
 left : 790px;
 width : 50px;
 height : 50px;
 z-index : 10;
}

div#Branding {
 height : 80px;
 z-index : 10;
}

div#XmasPromo {
 Position : relative;
 border:solid 0px #CCC;
 margin-top: -95px;
 margin-right: -90px;	
}

div#GiftIdeas {
 Position : relative;
 left: 0px;
 padding: 5px;
 border:solid 1px #EEE;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
}

h2#Christmas {
 width: 400px;
 height: 130px;
 text-align: right;
 vertical-align: bottom;
}

h2#FestiveDiscount {
 Position: relative;
 left: 0px;
 top: 0px;
 padding: 5px;
 margin-bottom: 10px; 
 border:ridge 1px #EEE;
 text-align: left;
 vertical-align: bottom;
}

div#Ad267 {
 Position: relative;
 left: 0px;
 top: 0px;
 padding: 5px;
 margin-bottom: 10px;  
 border:ridge 1px #EEE;
 text-align: left;
 vertical-align: bottom;
}

h1 { 	 
 position : relative;
 top : 25px;
 left : 120px;
 width : 300px;
 height : 91px;
}

img#catpic {
  border:solid 0px #AAA;
}

div#img_pic2{
 float: left;	
 z-index: 1; 
 filter:alpha(opacity=100); 
 border:solid 0px #AAA;
}

div#PromoItems {
 text-align: left;
 padding: 5px;
 border:solid 1px #EEE;
}

table#PPLogo {
 width: 850px;
 /*margin-bottom: -40px;*/
 z-index: 100;
}

table#HomeMain {
 margin-top: -10px;
}

table#SearchCatalog {
 font-size : 12;
 font-family: Arial;
 width: 400px;
 border:0px solid #000000;
}

table.catalog {
 max-width: 650;
}

td.td_desc {
 max-width: 350;
}

td#promocells {
 border:solid 0px #DDD;  
}

table#CatTable td{
	margin-bottom: 5;
  border-left:solid 5px #fff;
  border-right:solid 5px #fff;
}

td#CatCell0{
 background: url(images/WinWood0.png) no-repeat ;
 height: 280px;
}
td#CatCell1{
 background: url(images/WinWood1.png) no-repeat ;
 height: 280px;
}
td#CatCell2{
 background: url(images/WinWood2.png) no-repeat ;
 height: 280px;
}
td#CatCell3{
 background: url(images/WinWood3.png) no-repeat ;
 height: 280px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
</style>
