body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: normal;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/pal_bg_grad2.jpg);
	background-color: #333333;
}
body.fop {
	background-image: url(../images/pal_bg_blue.jpg);
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
	color: #4F1233;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 24px;
}
h1.fop{
	color: #000066;
}

h2{
	font: bold 110% Arial,sans-serif;
	color: #006699;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

h3{
 	font: bold 100% Arial,sans-serif;
 	color:  #006699;
 	margin: 0px;
 	padding: 0px;
}

h4{
 	font: 100% Arial,sans-serif;
 	color: #ffffff;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font: 100% Arial,sans-serif;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}
/********************** Table ***********************/
/* Table Row - Pal Burgandy */
.d0 {
	background-color: #003366;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 4px 0px 4px 5px;
}
/* Table Row - White */
.d1 {
	background-color: #FFFFFF;
}

/* Table Row -  Grey */
.d2 {
	background-color: #EFEFEF;
}
/* Table Row -  Teal */
.d3 {
	font-style: normal;
	background-color: #DDEEEE;
	color: #000000;
}
/* Table Row -  Black with White text */
.d4 {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	background-color: #000000;
	padding: 2px 0px 2px 5px;
}
/* Table Row -  light blue */
.d5 {
	background-color: #E1F0FF;
}
/* Table Row -  lighter blue with border*/
.d5b {
	background-color: #F2F9FF;
	border: 1px solid #3399ff;
	padding: 10px 20px 0px 15px;
}
.d5b div {
	 padding: 0px;
	 margin-top: -15px;
}
/* Table Row -  Pal Burgandy with White text */
.d6 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4E1132;
} 

/**********     Table Row  Sizes    ***********/
.size1 {width: 130px;} /* picture */
.size2 {width: 80px;}  /* part number */
.size3 { }			   /* description */
.size4 {width: 60px;}  /* Price */
.size5 {width: 70px;}  /* Qty per Case BHI */
.size6 {width: 60px;}  /* Quantity Field */
.size7 {width: 50px;}  /* Button */
.size8 {width: 270px;} /* Clearance image */

/******************* lists ********************/

#list ul {  
	margin-left: 0;
	padding-left: 2em;
}

#list li {  
	margin: 0;
  	padding: 0;
	list-style-image: url(../images/black.gif);
	padding-bottom: 6px;
}

#list li  ul li{  
	margin: 0;
  	padding: 0;
	list-style-image: url(../images/black2.gif);
	padding-top: 6px;
}


#olist li {
	padding-bottom: 10px;
}


#list_line ul {  /* floated list*/
	margin-left: 0;
	padding-left: 2em;
}

#list_line li {  
	margin: 3px;
	list-style-type: none ;
	padding: 2px 8px 2px 8px;
	float: left;
	border-left: 2px solid  #000000;
	display:block;
	background-color:#FBFBFB;
}
#list_none li {  /* list without bullets */
	margin: 3px;
	list-style-type: none ;
	padding: 2px 8px 2px 8px;
	border-left: 2px solid  #000000;
	display:block;
	background-color:#F4F4F4;
}

#list_bc li {  /* list of set item width without bullets */
	margin: 3px;
	list-style-type: none ;
	padding: 8px 6px 8px 6px;
	border: 0px solid #999999;
	display:block;
	background-color:#F4F4F4;
	width: 100px;
	float: left;
	text-align:center;
}
/* clear the float at the end of a line */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}


/************ Misc Styles *******************************/

.style1 {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
/* Yellow Comment Box */
.style2 {
	background-color: #FFFFCC;
	padding: 6px;
	width: 620px;
}
/* Tiny print */
.style_sm {
	font-size: 10px;
}
/* Sold Clearance Item */
.sold {
	font-size: 30px;
	color:#CC0033;
	font-style:italic;
	position: absolute;
	margin-top: -10px;
}
/* Not Available Item */
.not_av {
	font-size: 15px;
	color:#CC0033;
	font-style:italic;
	position: absolute;
	margin-top: 25px;
	font-weight: bold;
}


/***********************************************************************************************/
/************************************** Page Header   ******************************************/
/***********************************************************************************************/

#masthead{	/* Contains Site Name, Utilities, etc */
	position: absolute;
	top: 0px;
	width:97%;
	z-index: 500;
	margin-left: 10px;
	height: 95px;
}
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 5px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
}
/************** utility styles *****************/
/* Links on upper right hand side - home, contact, etc */
#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}
/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	color: #AAAAAA;
	border-bottom: #DDDDDD solid 3px;
	font-size: small;
	width: 85%;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/***********************************************************************************************/
/************************************ Main Body Layout  ****************************************/
/***********************************************************************************************/
#pagecell1{ /* white area with side links & feature */
	position:absolute;
	top: 90px;
	left: 15px;
	width:97%;
	background-color: #ffffff;
	background-image: url(../images/logo_group_sm.jpg);
	background-repeat: no-repeat;
	background-position: top right;

right;; 
}

#tl { /* top left - corneer image */
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr { /* right left - corneer image */
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

/************** pageName styles ****************/
#pageName{
	padding: 20px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	height: 10px;
}
#pageName.bc{
background-image:url(../barcode/images/bc2.gif);
}
#pageName h2{
	font: bold 175% Arial, sans-serif;
	color: #4E1132;
	margin:0px;
	padding: 0px;
}

#pageName img{ /* logo */
	position: absolute;
	top: 56px;
	right: 20px;
	padding: 0px;
	margin: 0px;
	z-index:inherit;
}
/*********** Main Page Content *******************/
.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	}
/***********************************************************************************************/
/********************************  Side Links / Page Nav   *************************************/
/***********************************************************************************************/
#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:12px 0px 0px 178px;
	border-left: 1px solid #ccd2d2;
}

/************ Side SectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #280919;
	font-size: 12px;
}

#sectionLinks a.quote:link, #sectionLinks a.quote:visited { /** style for quote button**/
	display: block;
	background-color: #FFFFC6;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #280919;
	font-size: 12px;
}
#sectionLinks a.main:link, #sectionLinks a.main:visited { /** style for return to category index button**/
	display: block;
	color: #006699;
	font-size: 12px;
}

#sectionLinks a:hover, #sectionLinks a.quote:hover {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#sectionLinks.rel { /** style for related links buttons**/
	display: block;
	background-color: #DDDDDD;
	font-weight: bold;
	padding: 3px 0px 3px 15px;
	color: #280919;
	font-size: 10px;
}

#sectionLinks.rel a:link, #sectionLinks.rel a:visited {
	display: block;
	border-bottom: 1px solid #666666;
	font-weight: normal;
	padding: 3px 0px 3px 20px;
	color: #000000;
	font-size: 10px;
}

#sectionLinks a.relname:link, #sectionLinks a.relname:visited { /** style for quote button**/
	display: block;
	background-color: #CFE7E7;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #280919;
	font-size: 10px;
	font-style: italic;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block;
	padding: 4px 0px 0px 10px;
}
/**************** advert styles (left hand side)  *****************/

#ad{   /*main heading*/
	padding: 10px;
	text-align: center;
	display:block;
	color:#000000;
	background-color:#D6D6D6;
	font-weight: bolder;
	border-top: 3px solid #000000;
}

#advert{
	padding: 10px;
	text-align: center;
	background-color:#EEEEEE;
	border-bottom: 2px solid #D6D6D6;
	font-weight: bold;
}

#advert img{
	display: block;
	border: 2px solid #000000;
}
#advert p{
	font-size:11px;
	margin: 5px 0px 0px 0px;
}

#advert.fop p{  /*remove bold*/
	font-size:11px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
}


/***********************************************************************************************/
/****************************** SiteInfo Style - Page Footer  **********************************/
/***********************************************************************************************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	height: 45px;
}

#siteInfo img{
	padding: 0px 4px 4px 0px;
	vertical-align: top;
	margin-top: -10px;
}

#siteAddress{
	font-size: x-small;
	color: #999999;
	margin-left: 117px;
	margin-top: -40px;
}

#flag {
	position: relative;
	float: right;
	width: 35px;
	top: 5px;
}
/***********************************************************************************************/
/***********************************  Main Product Menu  ***************************************/
/***********************************************************************************************/
#menu {
	width: 100%;
	background: #4F1233;
	float: left;
	margin-left: 5px;
	z-index: 1000;
	padding: 0px 0px 0px 0px;
}
#menu ul {
	list-style: none;
	float: left;
	padding-left: 0;
	margin-left: 0;
	background-color: #4F1233;
	color: #999999;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
}

#menu a {
	font: bold 11px arial, helvetica, sans-serif;
	display: block;
	border-style: solid;
	border-color: #666666;
	margin: 0;
	padding: 0px;
	color: #000;
	background: #efefef;
	text-decoration: none;
	border-width: 1px;
}

#menu h2 {
	font: bold 12px arial, helvetica, sans-serif;
	margin: 0;
	padding: 2px;
	text-transform: uppercase;
	color: #EEEEEE;
}

#menu ul li a{
	padding: 0.3em .6em;
	background-color: #4F1233;
	color: White;
	text-decoration: none;
	border-right: 1px solid #666666;
}

#menu ul li ul a{
	display: block;
	padding: 3px;
	width: 160px;
	background-color: #681846;
	border-bottom: 1px solid #9E0740;
}

#menu ul li a:hover{
	background-color: #3F7EBE;
	color: #fff;
}

#menu a:hover {
	color: #4F1233;
	background: #FFFFFF;
}
#menu ul ul {
	position: absolute;
	z-index: 500;
}

div#menu ul ul {
	display: none;
}

div#menu ul li:hover ul
{display: block;}
/**************** Palgroup company links RHS *****************/

#menu.palgroup {
	float: right;
	position:absolute;
	right:0px;
	width: 125px;
	z-index: 1000;
	height: 30px;
}

#menu.palgroup ul {
	right: 0px;
	float: right;
	padding-right: 0;
	margin-right: 0;
}
#menu.palgroup ul li ul a{
	width: 140px;
}

#menu.palgroup ul ul {
	position: absolute;
	z-index: 700;
}
/***********************************************************************************************/
/************************************** Pal Plastics   *****************************************/
/***********************************************************************************************/
/**/
/**************** Pal Plastics Index Page Large Buttons  *****************/

palbuttons2 {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

#palbuttons2 h1 {
	display: block;
	padding: 3px;
	color: #000000;
	font: normal bold 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	border: none;
}

#palbuttons2 a {
	display: block;
	padding: 1px;
	color: #000000;
	font: normal bold 12px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	text-align: center;
	border: none;
}
#palbuttons2 img {
	border: 0px;
}

#palbuttons2 a:hover
{
	background-color: #E1F0FF;
	color: #000000;
}
#palbuttons2 p {
	font-size: 10px;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 10px;
}
/********* Pal Product Price Table **************/

#prod th {
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	font-size: 18px;
	padding-left: 10px;
}
#prod tr {
	padding:4px 0px 4px 6px;
	vertical-align: top;
}

/********* Clearance Table **************/

#clearance img {
	border: 2px solid #000000;	
}
#clearance table {border: 3px;}

/********* "Add to Quote" Button **************/

input.add{
     font-size: 10px;
   }
/**************** Colours2 - larger List styles *****************/

#colours2{
	padding: 10px;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	width: 500px;
}

#colours2 img{
	display: block;
	width: 150px;
	height: 45px;
	z-index: 100;
}

#colours2 span{
	display: block;
	width: 60px;
	height: 11px;
	background-color: #FFFFF0;
	font-size: 9px;
	margin: 0;
	margin-top: -16px;
	margin-left: 7px;
	z-index: 200;
	font-weight: bold;
	opacity: .5; 
	filter:alpha(opacity=80); /* IE's opacity*/ 

}
/**************** Hidden Photos or Text *****************/
a.photo {
	background-color:#FFFFCC;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	display: block;
	margin-top: 4px;
	width: 90px;
}
a.photo:hover, a.txt:hover {
	background-color: #E1F0FF;
}

div#hiddenphoto {
	margin: 4px 0px 0px 0px;
	display: none;
}

div#hiddenphoto img{
	border: 3px solid #000000;
}
a.txt {
	background-color:#FFFFCC;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	display: block;
	width: 500px;
}
a.txt img {
	border: 0;
	padding: 0px 10px 0px 0px;
}

div.txt {
	margin: 0px;
	display: none;
	padding-left: 35px;
}
p.nospace{
	padding: 0px;
	margin: 0px;
}

a.photo_c { /* clearance photo sytles */
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	border-bottom: 0px solid #CCCCCC;
	display: block;
	margin-top: 0px;
	width: 210px;
	height:90px;
	font-size:9px;
}

div.photo_c2 {
	margin: -100px 0px 0px 0px;
	display: none;
}

/***********************************************************************************************/
/************************************ Pal Distributors  ****************************************/
/***********************************************************************************************/
/**/
/**************** Product Desc & Photo *****************/
#pad {
	display: block;
	background-color:#FFFFFF;
	position: relative;
	padding-right: 220px;
}
#pad em { 
	font-size:16px;
	font-weight:bold;
	font-style:normal;
}
#pad_img {
	background-color:#FFFFFF;
	margin: 20px 5px 10px 10px;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width:200px;
}
#pad_img img{
	border: 0px solid black;
	padding-bottom: 15px;
}
#padtb { /*product table spacing*/
	padding: 8px 4px 8px 4px;
}
#padtb td { /*product table spacing*/
	padding: 8px 4px 8px 4px;
}
#padtb td.d4  { /*product table spacing*/
	padding: 2px 0px 2px 5px;
}


#details_link {
	display:block;
	width: 60px;
	float:right;
	margin-top: -20px;
	
}
tr.height { /* height of index buttons*/
	height:110px;
}
tr.height td { /* height of index buttons*/
	border-bottom: 2px solid #999999;
}
tr.height img { /* height of index buttons*/
	height: 70px;
	width: 90px;
}


/************ Pal Distributors Menu Colours ***************/

#palmenu.pad ul li a:hover
{
background-color: #5640D7;
color: #fff;
}