/* 
Description:
Master Print CSS for Chroma Australia PTY LTD. http://www.chromaonline.com.		
This is the master Chromaonline print stylesheet, this stylesheet controls all
common site wide elements such as header, footer, base navigation and
common page elements when printed.
---	
Author: 
Nathan Kelly http://nathan-kelly.com
---		
Version: 
1.3/09-06-2010
Copyright (c) 2010, Chroma Australia PTY LTD. All rights reseved.
------------------------------------------------------------------------------*/

/* New import required for homepage printout. Also may be others over time. */
/* @import url("home-print.css");

/* Common Elements.
------------------------------------------------------------------------------*/
html {
margin:0;
padding:0;
}

body {
color:#333;
font:86% Verdana, Tahoma, Helvetica, Arial, Sans-Serif;
}

img {
border:0;
}

/* Hidden Elements.
------------------------------------------------------------------------------*/
#site-tools,
#main-nav,
#breadcrumbs,
#column-1,
#column-3 hr,
#content-nav,
#content-sub-nav,
#swatch-nav,
#content-footer,
#footer hr,
#debug {
display:none;
}

/* Header.
------------------------------------------------------------------------------*/
#header {
width:650px;
height:82px;
}

#header h1 {
width:300px;
float:left;
}

#header h2 {
width:76px;
float:right;
}

#header img {
left:0;
position:relative;
}

/* Content.
------------------------------------------------------------------------------*/
#content-container {
clear:both;
font-size:.9em;
border-top:4px solid #cba635;
}

#column-2 {
width:650px;
}

.product-block,
.product-block hr {
clear:left;
}

.product-block img {
float:left;
clear:left;
}

.product-block h4,
.product-block p {
margin-left:10px;
}

#key {
margin:0;
padding:0 0 12px 0;
}

#key li {
font-size:90%;
display:inline;
list-style-type:none;
}

#key img {
margin-bottom:-4px;
}

#column-2 #key {
clear:left;
color:#333;
font-size:.9em;
}

#column-2 #key img {
margin-top:-2px;
vertical-align:middle;
}

#column-3 img {
float:left;
clear:left;
}

#column-3 p {
clear:left;
}

#column-3 p span {
margin-left:10px;
}

#column-3 a {
color:#333;
text-decoration:none;
}

/* Common FAQ's.
------------------------------------------------------------------------------*/
#column-2 dl.common-faq  dt {
font-size:.9em;
font-weight:bold;
}

#column-2 dl.common-faq dd {
margin:0;
padding:.5em 0 1em 0;
}

#column-2 dl.common-faq dt strong,
#column-2 dl.common-faq dd strong {
color:#999;
width:30px;
float:left;
display:block;
}

#column-2 dl.common-faq dd p {
margin:0 0 0 30px;
}

/* Footer Elements.
------------------------------------------------------------------------------*/
#footer {
clear:both;
width:650px;
color:#777;
font-size:.8em;
text-align:center;
position:relative;
border-top:4px solid #cba635;
}

#footer ul {
margin:0;
padding:0;
z-index:1;
}

#footer ul li {
list-style-type:none;
}

#footer a {
color:#000;
text-decoration:none;
}

#footer ul.footer-nav {
border-bottom:1px solid #cfcfcf;
}

#footer ul.footer-nav li {
display:inline;
line-height:2.4em;
}

#footer ul.footer-nav li a {
padding:0 14px 0 12px;
border-right:1px solid #000;
}

#footer ul.footer-nav li.last a {
border:0;
}

#footer ul.footer-contact {
height:5.2em;
padding-top:7px;
line-height:1.5em;
margin-bottom:10px;
border-top:4px solid #360c5f;
}

#footer ul.footer-contact li {
float:left;
width:33.3%;
padding:0 0 8px 0;
}

#copyright {
color:#000;
font-size:.8em;
padding-top:8px;
text-align:center;
border-top:4px solid #360c5f;
}