html{
margin:0px;
padding:0px;
}

body{
background-color: #999999;
margin: 0px;
padding: 0px 10px 10px 10px;
}

ul,li{
margin: 0px;
padding: 0px;
}

table{
border-collapse: collapse;
margin: 0px;
padding: 0px;
}

table td,
table th
{
padding: 0px;
margin: 0px;
text-align: left;
}

p{
margin: 0px 0px 15px 0px;
}

h3{
font-size: 12px;
margin: 0px 0px 5px 0px;
color: #333333;
}

h3.arrowBullet{
color:#000000;
font-size: 14px;
font-family: verdana, sans-serif;
padding-left: 23px;
background-image: url(../../images/Paklink/bullet_arrow.gif);
background-repeat: no-repeat;
}

.clearBoth{
display: block;
overflow: hidden;
clear:both;
height: 1px;
margin: 0px;
padding: 0px;
}

div#pageShadowHolder{
background-image: url(../../images/Paklink/pageshadow.jpg);
background-repeat: repeat-y;
width: 795px;
margin: 0px auto;
}

div#pageShadowBottom{
background-image: url(../../images/Paklink/pageshadow_bottom.jpg);
background-repeat: no-repeat;
height:36px;
background-position: 0px 0px;
}

div#page{
width: 755px;
background-color: #ffffff;
color: #333333;
font-family: arial, sans-serif;
font-size: 12px;
margin-left: 20px;
/*border: 1px solid #ffffff;*/
}

div#banner{
height: 70px;
background-color: #000000;
border-bottom: 1px solid #ffffff;
text-align: right;
}

div#contentHolder{
width: 755px;
overflow:hidden;
}

div#leftIndex{
width: 200px;
float: left;
background-color:#000000;
border-left: 1px solid #ffffff;
}

div#mainContent{
width: 554px;
float: left;
}

div#mainContentInner{
padding: 15px 0px 0px 15px;
}

div#pageTitle{
height: 101px;
background-color:#000000;
border-left: 1px solid #ffffff;
}

div#pageTitle h2{
color: #ffffff;
/*font-size: 12px;*/
font-size:18px;
margin: 0px;
padding: 40px 20px 10px 0px;
/*width: 419px;*/
width: 400px;
text-align: right;
float: left;
}

div#pageTitle div#titleGraphic{
width: 113px;
height: 101px;
overflow: hidden;
float: right;
border-left: 1px solid #ffffff;
}

div#pageTitle div#titleGraphic img{
width: 113px;
/*height: 100px;*/
}

/**** Category Index ****/

div#categoryIndex{
background-color: #666666;
}

div#categoryIndex ul{
list-style-type:none;
}

div#categoryIndex ul li{

border-bottom: 1px solid #ffffff;
line-height: 20px;
font-size: 11px;
font-weight: bold;
font-family: arial, helvetica,sans-serif;
}

div#categoryIndex ul li#indexSpeciality, div#categoryIndex ul li#indexSpeciality a.active{background-color:#999999;}
div#categoryIndex ul li#indexCleaning, div#categoryIndex ul li#indexCleaning a.active{background-color:#ff9933;}
div#categoryIndex ul li#indexProtective, div#categoryIndex ul li#indexProtective a.active{background-color:#990066;}
div#categoryIndex ul li#indexCartons, div#categoryIndex ul li#indexCartons a.active{background-color:#ffcc00;}
div#categoryIndex ul li#indexBags, div#categoryIndex ul li#indexBags a.active{background-color:#003300;}
div#categoryIndex ul li#indexStrapping, div#categoryIndex ul li#indexStrapping a.active{background-color:#339933;}
div#categoryIndex ul li#indexPolythene, div#categoryIndex ul li#indexPolythene a.active{background-color:#663399;}
div#categoryIndex ul li#indexFood, div#categoryIndex ul li#indexFood a.active{background-color:#cc0099;}
div#categoryIndex ul li#indexOffice, div#categoryIndex ul li#indexOffice a.active{background-color:#006699;}
div#categoryIndex ul li#indexHealth, div#categoryIndex ul li#indexHealth a.active{background-color:#ff0000;}
div#categoryIndex ul li#indexTapes, div#categoryIndex ul li#indexTapes a.active{background-color:#0033cc;}

div#categoryIndex ul li#indexSpeciality a:hover{background-color:#999999;}
div#categoryIndex ul li#indexCleaning a:hover{background-color:#ff9933;}
div#categoryIndex ul li#indexProtective a:hover{background-color:#990066;}
div#categoryIndex ul li#indexCartons a:hover{background-color:#ffcc00;}
div#categoryIndex ul li#indexBags a:hover{background-color:#003300;}
div#categoryIndex ul li#indexStrapping a:hover{background-color:#339933;}
div#categoryIndex ul li#indexPolythene a:hover{background-color:#663399;}
div#categoryIndex ul li#indexFood a:hover{background-color:#cc0099;}
div#categoryIndex ul li#indexOffice a:hover{background-color:#006699;}
div#categoryIndex ul li#indexHealth a:hover{background-color:#ff0000;}
div#categoryIndex ul li#indexTapes a:hover{background-color:#0033cc;}

div#categoryIndex a{
display: block;
zoom:1;
margin-left: 14px;
text-decoration: none;
color: #ffffff;
background-color: #666666;
padding: 5px 10px 5px 10px;
border-left: 1px solid #ffffff;
}

div#categoryIndex ul li#indexSpeciality a{
line-height: 23px;
}

div#categoryIndex  a:hover{
text-decoration: underline;
}

div#categoryIndex table td{
border-bottom: 1px solid #ffffff;
line-height: 20px;
font-size: 10px;
font-weight: bold;
}

div#categoryIndex table td.colorCell{
width: 14px;
border-right: 1px solid #ffffff;
}

/**** Main catalogue index ****/

div#catalogueMain{
/*border-top: 1px solid #ffffff;*/
border-bottom: 1px solid #ffffff;
background-color: #000000;
margin: 0px 0px 50px 0px;
}

div#catalogueMain ul{
list-style-type: none;
}

div#catalogueMain ul li {
padding: 5px 0px 5px 15px;
border-top: 1px solid #ffffff;
font-size: 11px;
font-weight: bold;
}

div#catalogueMain ul li a{
text-decoration: none;
color: #ffffff;
display: block;
cursor: pointer;
}

div#catalogueMain ul li a:hover{
text-decoration: underline;
}

/**** Footer ****/

div#footer{
/*height: 48px;*/
height: 64px;
background-color: #000000;
border-top: 1px solid #ffffff;
font-size: 10px;
font-weight: bold;
position:relative;
top: 16px;
}

div#footer ul{
list-style-type: none;
color: #ffffff;
margin: 25px 0px 0px 20px;
}

div#footer ul li{
display: inline;
}

div#footer ul li a{
color: #ffffff;
text-decoration: none;
}


/**** Styles ****/

/*content images*/

div.contentImage{
margin: 0px 0px 0px 0px;
}

div.normalText{
margin: 0px;
}

div.normalText{
margin: 0px;
}

div.normalText p{
margin: 0px 0px 10px 0px;
padding: 0px;
}

div.normalText ul li{
margin: 0px 0px 3px 15px;
}

div.normalText ul{
margin-bottom: 15px;
}

div.normalText div.imageTop{
margin: 0px 0px 10px 0px;
}


div.normalText div.imageLeft{
float: left;
margin: 0px 10px 10px 0px;
}

div.normalText div.imageRight{
float: right;
margin: 0px 0px 10px 10px;
}

div.normalText div.imageCaption{
font-size: 10px;
}

div.normalText img{
border: 1px solid #cccccc;
}

div.normalText a{
color: #ff6600;
text-decoration: none;
}

/*content tables*/
div.contentTable {
margin: 0px 0px 15px 0px;
font-size: 11px;
font-family: arial, sans-serif;
}

div.contentTable table{
width: 100%;
}

div.contentTable table tr td, 
div.contentTable table tr th{
border-bottom: 1px solid #333333;
padding: 2px 0px;
}

/**** divider ****/
div.divider{
border-bottom: 1px solid #555555;
margin: 0px 0px 15px 0px;
height: 1px;
overflow: hidden;
}

/**** Template styles per category *****/
div.templateCleaning div#pageTitle, 
div.templateCleaning div#categoryContents ul div.pageNo{
background-color:#ff9933;
}

div.templateProtective div#pageTitle,
div.templateProtective div#categoryContents ul div.pageNo{
background-color:#990066;
}


div.templateCartons div#pageTitle,
div.templateCartons div#categoryContents ul div.pageNo{
background-color:#ffcc00;
}

div.templateBags div#pageTitle,
div.templateBags div#categoryContents ul div.pageNo{
background-color:#003300;
}

div.templateStrapping div#pageTitle,
div.templateStrapping div#categoryContents ul div.pageNo{
background-color:#339933;
}

div.templatePolythene div#pageTitle,
div.templatePolythene div#categoryContents ul div.pageNo{
background-color:#663399;
}

div.templateFood div#pageTitle,
div.templateFood div#categoryContents ul div.pageNo{
background-color:#cc0099;
}

div.templateOffice div#pageTitle,
div.templateOffice div#categoryContents ul div.pageNo{
background-color:#006699;
}

div.templateHealth div#pageTitle,
div.templateHealth div#categoryContents ul div.pageNo{
background-color:#ff0000;
}

div.templateTapes div#pageTitle,
div.templateTapes div#categoryContents ul div.pageNo{
background-color:#0033cc;
}

div.templateDefault div#pageTitle,
div.templateDefault div#categoryContents ul div.pageNo{
background-color:#999999;
}