/* credits
----------------------------------------------- 

Design & coding:            norestforthewicked.net
Grid layout:                960 grid system
Stockist locator:           fastmedia.com
Site engine:                Textpattern
Lowest Common Denominator:  IE6

*/

/* type stacks - following Richard Rutter
----------------------------------------------- */

body {
font: 13px/1.5 'Helvetica Neue', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}


/* base
----------------------------------------------- */

html {
height: 100%; 
margin-bottom: 1px;
}
p {
margin-bottom:0.75em;
}
strong {
font-weight:bold !important;
}
em {
font-style:italic;
}
big {
font-size:120%;
}
blockquote {
padding-left:13px;
border-left:1px dotted #555;
color:#333;
font-style:italic;
}
.quote-feature {
background-color:#ececf5;
padding:15px 21px 7px 21px;
margin:0 0 15px 0;
}

img.image-right {
float:right;
margin:6px 0 5px 13px;
}
img.image-left {
float:left ;
margin:6px 13px 5px 0;
}

.print-only {
display:none;
}


/* links
----------------------------------------------- */

a:link {color: #1730b9;}
a:visited {color: #1730b9;}
a:hover {color: #272727;}
a:active {color: #1730b9;}
a:focus {color: #1730b9;}


/* headings
----------------------------------------------- */

h1,h2,h3,h4,h5 {
padding:0.5em 0;
}
h1 {
font-size:28px;
}
h2 {
font-size:28px;
padding:0 0 13px 0;
color:#222;
}
h3 {
font-size:21px;
}
h4 {
font-size:16px;
}



/* head
----------------------------------------------- */

#hd {
background:transparent url(/images/16.gif) no-repeat top center;
color:#fff;
font-size:11px;
height:230px;
}
#st {
height:50px;
background:#262626 url(/images/27.gif) no-repeat;
position:relative;
}
#st img {
position:absolute;
top:3px;
left:125px;
}
#st form#locator {
position:absolute;
top:14px;
left:700px;
}
#st form#locator input.postcodeInput,
#st form#locator input.postcodeSubmit {
font-size:12px;
}
#st form#locator input.postcodeInput {
width:59px;
}
#st form#locator input.postcodeSubmit {
}
#nv {
height:40px;
background:#fff url(/images/18.jpg);
}
#lg {
height:140px;
}

#wrapper-content {
background:transparent url(/images/32.gif) repeat-y center ;
}
.flagtip {
background:transparent url(/images/22.gif) no-repeat 836px top;
}
.waves {
background:transparent url(/images/23.jpg) no-repeat 121px bottom;
padding:21px 0 66px 0;
}
#pano {
width:910px;
margin-left:auto;
margin-right:auto;
border-top:15px solid #1730b9;
}


/* Home page
----------------------------------------------- */

div#intro {
background-color:#272727;
color:#ddd;
height:350px;
margin:0 0 15px 0;
}
div#s1 {
float:right;
margin:15px 15px 0 0;
}
#intro h2 {
width:300px;
color:#fff;
font-size:21px;
padding:18px 0 5px 20px;
}
#intro p {
width:290px;
padding:5px 0 0 20px;
}
#intro ul {
width:300px;
margin-top:13px;
font-weight:bold;
margin-left:5px;
}
#intro p a {
color:#ddd;
}
#intro p a:hover {
color:#fff;
}





/* Top Level product page
----------------------------------------------- */

.TL-product {
float:left;
margin-left:13px;
width:153px;
}
.TL-first {
margin-left:0;
}

.TL-product h4 {
line-height:1.3;
color:#555;
font-size:18px;
padding:0 0 9px 0;
margin:12px 0 7px 0;
}
.TL-product h4 a {
text-decoration:none;
color:#000;
}
.TL-product h4 a:hover {
color:#1730b9;
}

.TL-product ul li {
list-style-type:none;
padding:0.2em 0 0em 0;
margin:0.25em 0;
font-size:12px;
border-top:1px solid #ddd;
}
.TL-product ul li a {
color:#555;
text-decoration:none;
}
.TL-product ul li a:hover {
color:#1730b9;
text-decoration:underline;
}


/* Product category listing
----------------------------------------------- */

h2 span {
color:#777;
font-weight:normal;
}
h2 span a {
color:#777 !important;
text-decoration:none;
}
h2 span a:hover {
color:#000 !important;
text-decoration:none;
}
.cat-list {
width:400px;
height:100px;
overflow:hidden;
float:left;
margin:10px 20px 10px 0;
}
.cl2 {
margin:10px 0 10px 0
}
.cat-list h4 {
padding:0 0 1px 0;
}
.cat-list h4 a {
text-decoration:none;
}
.cat-list h4 a:hover {
text-decoration:underline;
color:#1730b9;
}
.cat-list img {
float:left;
margin:0 13px 0 0;
}



/* individual product pages
----------------------------------------------- */

body#products h2 {
line-height:1.3;
}

.discontinued {
font-weight:bold;
border:1px solid red;
background-color:#fcc;
padding:13px 21px;
margin:0 0 21px 0;
}
.product-img {
float:right;
margin:9px 0 0 21px;
}

.sidenav h2 {
margin:0 0 3px 0;
padding:0;
}
.sidenav h4 {
line-height:1.3;
color:#555;
font-size:14px;
padding:5px 0 5px 0;
font-weight:bold;
border-top:1px solid #ddd;
}
.sidenav h4 a {
text-decoration:none;
color:#777;
}
.sidenav h4 a:hover {
color:#1730b9;
text-decoration:underline;
}
ul#sidenav {
border-top:1px solid #ddd;
}
ul#sidenav li {
list-style-type:none;
padding:0 0 0.2em 0;
margin:0.25em 0;
font-size:12px;
border-bottom:1px solid #ddd;
}
ul#sidenav li.urhere a {
} 
ul#sidenav li a {
color:#777;
text-decoration:none;
}
ul#sidenav li a:hover {
color:#1730b9;
text-decoration:underline;
}

/* MSDS */
div#MSDSbox {

}
div#MSDSbox h4 {
}
h4 span {
font-weight:normal;
}


/* lists
----------------------------------------------- */

ul {
margin-bottom:0.75em;
}
li {
list-style-type:square;
margin-bottom:0.25em;
padding-left:0.25em;
margin-left:2.25em;
}

ul.pdf-list li {
list-style-type:none;
background:transparent url(/images/5.gif) 0 3px no-repeat;
padding-left:21px;
margin-left:0;
}
.file_download_size {
color:#777;
font-size:85%;
padding-left:5px;
}


/* tables
----------------------------------------------- */

table {
width:100%;
margin-bottom:1em;
border-top:1px solid #cdcdcd;
}
tr td {
background-color:#ececf5;
border-bottom:1px solid #cdcdcd;
padding:5px 10px;
}
tr.odd td {
background-color:transparent;
border-bottom:1px solid #cdcdcd;
}

body#how-to table td {
background-image: url(/images/5.gif);
background-repeat: no-repeat;
background-position: 8px 8px;
padding-left:29px;
}

body#msds table td {
width:50%;
}
body#msds table td.PDS {
width:50%;
font-weight:normal;
background-image: url(/images/5.gif);
background-repeat: no-repeat;
background-position: 0 8px;
padding-left:18px;
}
body#msds table td a {
color:#000;
text-decoration:none;
}
body#msds table td.PDS a {
color:#1730b9;
}
body#msds table td a:hover {
text-decoration:underline;
}

table.contact {
width:auto;
margin-bottom:23px;
}
table.contact tr td {
background-color:transparent;
padding:5px 25px 5px 5px;

}
table.contact tr.odd td {
background-color:transparent;
}

td.td-right {
text-align:right;
}

/* table - #pr-info
----------------------------------------------- */

table#pr-info {
width:auto;
margin:5px 0 13px 0;
}
table#pr-info td.pr {
font-weight:bold;
padding-right:17px;
}
table#pr-info td {
background-color:transparent;
padding-left:0;
}
table#pr-info td.pds {
font-weight:normal;
background-image: url(/images/5.gif);
background-repeat: no-repeat;
background-position: 2px 8px;
padding-left:20px;
}


/* stockists tables
----------------------------------------------- */

table#stockists-sa {
display:none;
}

body#stockists table th {
text-align:left;
font-size:18px;
color:#fff;
background-color:#1730b9;
padding:5px 10px;
}

td.stockist-name {
width:30%;
font-weight:bold;
color:#333;
}
td.stockist-address {
width:35%;
}
td.stockist-suburb {
width:17%;
}
td.stockist-postcode {
width:5%;
}
td.stockist-phone {
width:13%;
text-align:right;
}

/* forms
----------------------------------------------- */

input {
line-height:1;
}

.example {color:#666;}

label {
font-size:13px;
}



/* blog 
----------------------------------------------- */

div.blog-entry {
margin:13px 0 36px 0;
}
div.blog-entry h3 {
border-bottom:1px dotted #669;
padding:0 0 3px 0;
margin:0 0 10px 0;
line-height:1.2;
}
h3.entry-title a {
text-decoration:none;
color:#000;
}
h3.entry-title a:hover {
text-decoration:none;
color:#1730b9;
}
p.meta {
color:#777;
font-size:11px;
font-style:italic;
}
p.meta a {
color:#777;
text-decoration:none;
}
p.meta a:hover {
color:#1730b9;
text-decoration:underline;
}

div.sideblog {
font-size:12px;
color:#777;
}
body#blog h2 {
padding:0;
margin:0px 0 5px 0;
}
body#blog h2 a {
color:#222;
text-decoration:none;
}
body#blog h2 a:hover {
text-decoration:none;
}
div.sideblog h4 {
color:#777;
border-bottom:1px dotted #666;
padding:0 0 1px 0;
margin:23px 0 7px 0;
}
div.sideblog a {
text-decoration:none;
}
div.sideblog a:hover {
text-decoration:underline;
}
div.sideblog ul {
margin:0 0 21px 0;
}
div.sideblog li {
list-style-type:none;
padding-left:0;
margin-left:0;
}
div.sideblog input {
margin:2px 0 2px 0;
}

div.gallery {
margin-bottom:7px;
width:580px;
}
div.gallery div {
background-color:#fff;
border:1px solid #888;
border-left-color:#bbb;
border-top-color:#bbb;
border-right-color:#999;
margin:0 6px 6px 0;
padding:5px;
float:left;
}

div.blog-entry table {
margin:1em 0 2em 0;
}


/* images
----------------------------------------------- */

.image-right {
float:right;
margin:0 0 5px 13px;
}
.image-left {
float:left;
margin:0 13px 5px 0;
}



/* blog navigation links
----------------------------------------------- */

ul.blog-nav-ul {
margin:21px 0 80px 0;
}
li.blog-nav {
list-style-type:none;
text-transform:lowercase;
font-variant:small-caps;
margin:0;
color:#777;
}
li.nav-left {
float:left;
}
li.nav-rite {
float:left;
}
li.blog-nav a {
text-decoration:none;
}
li.blog-nav a:hover {
text-decoration:underline;
}


/* Search results
----------------------------------------------- */

p.search-result-item {
}
.search-result-title {
font-weight:bold;
}
.search-result-URL a {
color:#777;
text-decoration:none;
}
.search-result-URL a:hover {
color:#777;
text-decoration:underline;
}

ul.pagination {
margin: 33px 0 21px 0; 
color:#777;
}
ul.pagination li {
display: inline; 
padding:0 13px 0 0;
margin:0;
}
ul.pagination li.active {
background: #fff; 
color:#000;
}



/* footer
----------------------------------------------- */

#footer-wrap {
background:#000 url(/images/21.gif) repeat-y center;
color:#fff;
font-size:11px;
padding:21px 0 42px;
}

#footer-wrap h4 {
font-size:12px;
line-height:1.25;
}
#footer-wrap h4 a {
color:#fff !important;
}
#footer-wrap ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}
#footer-wrap li {
list-style-type:none;
margin-left:0;
padding-left:0;
}


#footer-wrap input {
margin:0 0 3px 0;
width:130px;
font-size:12px;
}
#footer-wrap input.nav-search-submit,
#footer-wrap input.postcodeSubmit {
margin:3px 0 13px 0;
width:auto;
}

#footer-wrap a:link {color:#999;text-decoration:none;}
#footer-wrap a:visited {color: #999;text-decoration:none;}
#footer-wrap a:hover {color: #fff;text-decoration:underline;}
#footer-wrap a:active {color: #999;}
#footer-wrap a:focus {color: #999;}


/* Contact form
----------------------------------------------- */

form.zemContactForm {
padding:13px 21px;
background-color:#9ddcff;
}
textarea.zemTextarea  {
margin:5px 0 9px 0;
width:475px;
}
input.zemText {
margin:0 13px 0 7px;
}
input.zemSubmit {
margin:13px 0 15px 0;
}
form.zemContactForm label {
font-weight:bold;
}
form.zemContactForm label.Telephone,
form.zemContactForm input#Telephone {
margin-top:5px;
}
ul.zemError {
}
ul.zemError li {
padding-left:0;
margin-left:14px;
}
.zemThanks {
font-weight:bold;
font-size:16px;
}