html{margin:0; padding:0; height:100%;}
body {margin:0; padding:0; height:100%; font:0.75em/1.5em Arial, Helvetica, sans-serif; color:#000; background:#333 url(/css/contimg/main-bg.png) top left repeat-x;}

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


a:link, a:visited {color: #000;}
a:hover {color: #807D63; }
p { margin: 0px 0px 1em 0px; line-height: 1.5em;}
h2 {padding:0; margin: 1em 0; font-size: 1.2em; font-weight:bold; text-transform:uppercase;}

#container {margin:0 auto; width:930px; position:relative; min-height:100%; height:auto !important; height:100%; padding:0; /*background: #fff;*/ padding-bottom: 50px;}

#freephone {float:right; height: 40px; width: 300px; line-height:40px;  text-align:right; color: #fff; font-size:1.3em; text-transform:uppercase;}

#header {background: #EBEBEB url(/css/contimg/banner.jpg) top left no-repeat; float:left; margin:0; margin-top: 0px; padding:6px; width: 918px; height:194px;}


h1#tagline {float:left; width:434px; text-align:center; color: #EBEBEB; font: 1.65em/1em "Times New Roman", Times, serif; font-style:italic; position:absolute; top: 130px; left: 6px;}

#banner {float:right; width: 330px; height: 194px;  margin:0; margin-bottom: 6px; padding: 0; position:relative; overflow:hidden;}

/*#banner-images {float:right; width: 510px; height: 202px;}*/

#primary-nav {float:left; width: 588px; height: 40px; margin:0; padding: 0; margin-top: 154px;}
#primary-nav ul {float:left; width: 588px; height: 40px; margin:0; padding:0;}
#primary-nav ul li {float:left; height: 40px; margin:0; padding:0; list-style:none;}
#primary-nav a {float:left; height: 40px; line-height:40px; text-decoration:none; font-weight:bold; color: #fff; text-transform:uppercase; padding: 0 2em; background: transparent url(/css/contimg/primary-nav-div.png) center right no-repeat;}
#primary-nav a:hover {text-decoration:underline;}

body#home a#home_btn, body#products a#catalogue_btn, body#about a#about_btn, body#contact a#contact_btn,  body#expo2010 a#expo2010_btn { color:#000;}

.indexLoading {float:left; width:200px; height: 120px; margin-left:0px; margin-top:50px; color:#fff; text-align:center;}
.mainLoading {float:left; width:200px; height: 120px; margin-left:244px; margin-top:50px; color: #333; text-align:center;}
.indexLoading img, .mainLoading img {}
.indexLoading span, .mainLoading span {float:left; width:200px; margin-top: 10px; text-align:center; line-height:1.5em; font-size:0.9em;}



#content {background: #EBEBEB; float:left; margin:0; margin-top: 10px; padding:6px; width: 918px; height:auto;}
#content-inner { float:left; margin:0; padding:0; width: 918px; height:auto;}

body#home #content-inner {background: #EBEBEB url(/css/contimg/3-col.png) top left repeat-y;}
body#products #content-inner {background: #EBEBEB url(/css/contimg/2-col-left.png) top left repeat-y;}
body#about #content-inner,  body#signup #content-inner  {background: #EBEBEB url(/css/contimg/2-col-right.png) top left repeat-y;}
body#contact #content-inner{ background: url(/css/contimg/2-col-600.png) top left repeat-y;}

#index {background: #333; float:left; width: 228px; height: 400px; margin-right: 2px; display:inline;}

#main {float:left; height:auto; padding: 10px 20px}
body#home #main {width:458px; height:400px; padding:0;}
body#products #main {width:688px; padding:0; background:#fff}
body#about #main, body#contact #main, body#signup #main {width:648px; height: 380px; overflow:hidden;}

#welcome {float:left; width: 418px; padding:10px 20px;}
#welcome h2{margin: 0.5em 0; padding:0;}
#welcome p { margin: 0px 0px 1em 0px; line-height: 1.4em; font-size:1em;}
#promotion {float:left; width:418px; /*border-top: 2px #fff solid;*/ padding:0px 20px 10px 20px;}
#promotion h2 {margin:0; margin-bottom: 0.5em; padding:0;}
#promotion img {float:left; margin-top:0px; margin-right:15px;}
#promotion p {float:left; font-size:1em; width: 270px; margin: 0px 0px 0.5em 0px;}


#rotate {/*background: #333;*/ float:right; width: 228px; height: 400px; display:inline;}

#features {background: transparent url(/css/contimg/features-bg.png) top left repeat-y; float:left; margin:0; margin-top: 10px; width: 930px; height:202px;}

.feature {float:left; width: 291px; height: 190px; padding:6px; /*background: #FF0000;*/ display:inline; margin-right: 10px;  }
#feature-last {margin-right:0; width: 292px;}


.feature a {float:left; width: 271px; height: 180px; padding:0; padding: 10px 10px 0 10px; position:relative; text-decoration:none; background-position:top left; background-repeat: no-repeat; color: #000;}

.feature span.feature-more { position: absolute; bottom: 0; right:0; text-transform:uppercase; color: #fff; font-size:0.8em; padding-right: 14px; margin-right: 5px; line-height:20px; background: transparent url(/css/contimg/more-arrow.png) center right no-repeat;}
/*.feature a:hover span.feature-more { text-decoration:underline;}*/

.feature span.feature-h3 { float:left; color: #000; font-size: 1.2em; width: 271px; height: 20px; overflow:hidden; text-transform:uppercase; font-weight:bold; margin-bottom: 3px;}
.feature p {margin-bottom: 5px; line-height: 1.2em; font-weight: bold;}

a#feature-autobox { background-image: url(/css/contimg/feature-autobox-bg.png);}
a#feature-tlb { background-image: url(/css/contimg/feature-tlb-bg.png);}
a#feature-signup { width: 272px; height: 160px; background-image: url(/css/contimg/feature-signup-bg.png);}
#signup-bottom {float:left; width: 292px; height:20px;  background: transparent url(/css/contimg/feature-signup-bottom.png); }
#signup-bottom a.more {float:left; width: auto; height: auto; padding:0; line-height:20px; text-align:right; text-transform:uppercase; color: #fff; font-size:0.8em; padding-right: 14px; margin-right: 5px; line-height:20px; background: transparent url(/css/contimg/more-arrow.png) center right no-repeat; }
#signup-bottom a.more:hover { text-decoration:underline;}
.fp {display:block; margin-bottom: 5px; line-height: 1.2em; font-weight: bold;}

.feature a:hover {background-position: bottom left;}

#enquiry {background: #EBEBEB; float:left; margin:0; margin-top: 10px; padding:6px; width: 918px; height:auto;}
#enquiry-inner { float:left; margin:0; padding:0; width: 878px; height:auto; background: #B8B495; padding: 10px 20px;}


#footer {background: transparent url(/css/contimg/footer-bg.png) top left repeat-y; float:left; margin:0; margin-top: 10px; margin-bottom: 30px; padding:6px; width: 918px; height:60px; color: #fff;}
#footer a {margin:0; padding:0px 8px 0 8px; color: #fff; text-decoration:none;}
#footer a:hover {text-decoration:underline; }
#footer-inner {float:left; width: 888px; height:40px; padding: 10px 15px; background: transparent url(/css/contimg/footer-inner-bg.png) top left no-repeat; }
#footer-inner ul {float:left; width: 683px; height: auto; margin:0; padding:0;}
#footer-inner ul li {float:left; height: auto; margin:0; padding:0; list-style:none;}
#footer-inner ul li a {}
#footer-inner p {float:left; margin:0; padding:0; width: 683px}
#footer-inner p a {text-decoration:underline;}


p.contact-details {float:left; margin: 0.5em 0 ; padding:0; line-height: 1.5em; width: 500px;}
p.contact-details strong {float:left; width: 250px; text-align:right;}
p.contact-details span {float:left; width:auto; margin-left: 1em;}



/*forms*/
.field {float:left; margin: 0.5em 0; width: 600px;}
fieldset {float:left; width: 600px; padding: 10px 10px; margin: 0; border:none;}
legend {font-weight:bold; padding: 0 5px; font-size: 1.3em; display:none;}
.field label {float:left; width: 100px; text-align:right; margin-bottom:3px;}
.field input, .field select, .field textarea, .text_area { float:left; width:auto; margin:0; margin-left: 5px; border: #000 1px solid; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif;}
.text_area {font-size: 0.9em; width:auto;}
.checkboxes {float:left; clear:both; width: 500px; vertical-align: top; margin-left:10em;}
.checkboxes label {width:auto; margin-left: 5px; line-height:2em;}
input.boxes {float:left; border:none;}
.added {float:left; clear:both; width: 400px; margin:0.5em 1em 1.5em 1em;}
.field_sub {float:left; width: 400px; margin: 0.2em;}
.field_sub label {float:left; width: 15em; text-align:right; line-height: 1.3em;}
.field_sub input, .field_sub select {float:left; margin: 0 0.5em; border: #000 1px solid; line-height:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; width: 5em;}
input.submit_btn {width: auto; padding: 1px 3px; float:none; border:1px #777 solid;}
.contact_fieldset {float:left; width: 550px;}
.required {color:#CC0000; margin:0; margin-right: 5px;}

em.error, span.error { margin-left:105px; color:#CC0000; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/error.png) center left no-repeat; line-height:14px; text-align:left; clear:both; display:block;}
em.ok, span.ok {float:left; width: 105px; margin-left:210px; color:#66CC00; font-size: 0.85em; font-style:normal; padding-left: 16px; background: transparent url(/css/contimg/ok.png) center left no-repeat; line-height:14px;  text-align:left;}
span em.error {margin-left:0;}
#captchaSpan em.error, em.span {margin-left:0;}
#captchaSpan img {display:block;}























/*

*/

table{
border-collapse: collapse;
margin: 0px;
padding: 0px;
font-size: 1em;
}

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



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(http://packagingproducts.paklink.co.nz/notion/site/Paklink/images/Paklink/bullet_arrow.gif);
background-repeat: no-repeat;
}

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

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

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

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

div#pageTitle{
height: 101px;
background-color:#000000;
/*border-left: 1px solid #ffffff;*/
font-family: arial, sans-serif;
}

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: #9F9E6E;
}

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#indexIndex, div#categoryIndex ul li#indexIndex a.active{background-color:#B7B394;}
div#categoryIndex ul li#indexIndex a {background-color:#807E63;}
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#indexIndex a:hover{background-color:#CBCA9A;}
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;
margin-left: 14px;
text-decoration: none;
color: #ffffff;
background-color: #333;
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;
}





/**** 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;
margin-right: 15px;
}

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;
}