/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	/*text-align:center;*/ /* For IE < 6 centring */
}

body {
	behavior:url("/css/csshover.htc");
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#1f1f1f;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}

/* Remove outlines in FF */
:focus { -moz-outline-style: none; }

a img {
	border:0;
}

/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#container { /* Static width */
	width:915px;
	text-align:left; /* Revert IE < 6 centring */
}

/* Header */
div#header {
	width:916px;
}

div#logo {
	padding:0;
	float:left;
	margin: 34px 0px 0px 13px;
}

div#nav	{
	margin-top:54px;
	width:740px;
	float:right;
	border-bottom: 2px solid #353535;
}

div#sidebar {

}

div#contentWrapper {
	padding-top:50px;
}
div#content {

}

/* Footer */
div#footer {	
	position:absolute;
	bottom:5px;
	right:0;
	width:740px;
}


div#dqltag {
	position:relative;
	width:100%;
}
div#dqltag div {
	position:absolute;
	right:0px;
	top:-82px;
}
div#dqltag img {
	opacity:1;
}
div#dqltag a:hover img {
	opacity:0.75;
}


/*--------------------------------------------------------------------------------------------
	Layout 
  --------------------------------------------------------------------------------------------*/

div#HomepageSlideshow {
	width:359px;
	height: 318px;
	float:right;
	padding-right: 13px;
	position: relative;
}

div#HomepageSlideshow img {
	position: absolute;
	top: 0;
	left: 0;
}

div#leftColumn	{
	margin-left:176px;
}

img#headline	{
	float:left;
	margin-top:40px;
}
img#machineImg	{
	float:right;
	margin-left:120px;
}

div#BoxWrapper {
	width:740px;
	position:relative;
	left:-30px;
}
div.leftBox{
	float:left;
	width:340px;
}
div.leftBox	p {
	font-size:0.8em;
	margin:0 0 0 30px;
}

div.rightBox{
	float: right;
	width: 340px;
}
div.rightBox p {
	font-size:0.8em;
	margin:0 0 0 30px;
}



div#previewContainer	{
	margin-left:420px;
	margin-top:45px;
}

div.preview	{
	width:145px;
	float:left;
}
div.preview	p {
	margin-right: 36px;
	font-size: 0.8em;
}

div.preview a.downloadLink {
	font-style: italic;
}

div.preview	a {
}


div.historyLeft {
	width: 450px;
}

div.historyRight {
	float: right;
	padding-right: 52px;
}

div#bottom	{
	
}
div#bottom p	{
	margin-left:176px;
	width:300px;
}
div#rightColumn	{
	float:right;
	width:310px;
}
div.rightQuote	{
	margin:0 80px 0 0;
	float:right;
	width:297px;
	height:190px;
	text-align:right;
	background:transparent url(../images/contact_cup.jpg) left bottom no-repeat;
}
div#bottom div.rightQuote p	{
	float:right;
	text-align:right;
	width:141px;
}
div#specs	{
	float:left;
	width:530px;
}
div#specs p	{
}

div#specs p img {
}
div#specs div.description	{
	float: left;
	width: 350px;
	display: inline;
}

img.strip	{
	float:left;
	margin:0 44px 0 30px;
}


div#download	{
	width:250px;
	margin-top:50px;
}

div#download a	{
	text-align:left;
	font-size:0.9em;
	font-style:italic;
	display: block;
	padding: 6px 0 15px 64px;
	height: 41px;
}

div#download a.pdfIcon {
	background: transparent url(../images/pdf-icon.jpg) no-repeat left top;
}

div#download a.rocketIcon {
	background: transparent url(../images/rocket-icon.jpg) no-repeat left top;
}

div#download a.machineIcon {
	background: transparent url(../images/machine-icon.jpg) no-repeat left top;
}

div#download img	{
	float:left;
	margin-right:10px;
}


div#MapHolder {
	position:relative;
}

div#Map {
	position:absolute;
	left:0px;
	top:0px;
	z-index:4;
	width: 676px;
	height: 676px;
}
div#MapSidebar {
	position:absolute;
	right:0px;
	top:-60px;
	z-index:5;
	width:228px;
	height:830px;
}
div#DistributorHolder {
	position:relative;
	margin-top:30px;
	margin-left:0px;
}

#ReturnToNZ	{
	position:absolute;
	top: 0;
	left: 0;
}

#ReturnToNZ a {
	font-size: 0.98em;
}

div.distributor {
	position:absolute;
	left:0px;
	top:0px;
}
	div.distributor p	{
		padding-left:17px;	
	}

	div.distName	{		
		padding-top:0;
		background-color:transparent;
		background-image:url(../images/icon-expand.png);
		background-position:left 3px;
		background-repeat:no-repeat;
		
		cursor:pointer;
		margin-bottom:5px;
	}
		div.distName span	{
			color:#fff;	
			padding-left:17px;
			display:block;
		}

div.pointer {
	position:absolute;
	/*left:342px;
	top:62px;*/
	left:0px;
	top:0px;
	width:45px;
	height:39px;
	z-index:50;
	background:url(../images/pointer.png) left top no-repeat;
}
div.pointer a {
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
}

.hidden	{
	display:none;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */


ul#navbar {
	float:left;
	list-style:none;
	padding:0;
	margin:0px 0px -3px 0px;
	/*border-bottom:1px solid #d0cdc0;*/
}  
ul#navbar li {
	padding:0 55px 0 30px;
	margin:0;
	float:left;
} 
ul#navbar a {
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#ebebeb;
	font-style:italic;
	text-decoration:none;
} 
ul#navbar a:hover {
	color:#ff4d6f;
} 
ul#navbar li#selected a {
	/* Selected menu item */
	color:#ff4d6f;	
}  
  
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
}
h2 {
	color:#43484e;
	font-style:italic;
	font-weight:normal;
	line-height:1.8em;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
div#specs h2 {
	margin-left:10px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 1.1em;
}

h3 {
	color:#ff4d6f;
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
h4 {
}
/* Type */
p {
	padding:0;
	margin:0 0 10px 0;
	color:#fff;
	line-height:1.8em;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

p.short	{
}

p.tiny	{
	font-size:0.9em;
}
span.tiny, a.tiny{
	font-size:0.8em;
}

p.models {
	margin-right:250px;
}


ul.downloads {
	list-style:none;
	margin:0;
	padding:0;
}
ul.downloads li {
	color:#fff;
	font-size:0.9em;
	margin:0;
	padding:0 0 5px 10px;
	background:transparent url(../images/bullet.png) left 5px no-repeat;
}

ul.downloads li.instructions {
	padding:0 0 10px 10px;
}

hr {
	border:0;
	color:#4e4e4e;
	background-color:#4e4e4e;
	margin:0;
	height:1px;
}


a	{
	color:#fff;
}

a.plain	{
	text-decoration:none;
}

a:hover	{
	color:#ff4d6f;
}
/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}
  
body span.attn	{
	color:#ff4d6f;
	font-style:italic;
	margin-bottom:10px;
	display:block;
}
/*--------------------------------------------------------------------------------------------
	Tables
  --------------------------------------------------------------------------------------------*/
table.technicalData {
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	width:100%;
}
table.technicalData td {
	color:#000;
	font-size:0.9em;
	vertical-align:top;
	padding:3px 10px;
	margin:0;
	background-color:#ebebeb;
}
table.technicalData td.label {
	padding-left:0;
	padding-right:40px;
	white-space:nowrap;
	background-color:#d6d6d6;
}
table.technicalData td.pad {
	padding:0;
	width:10px;
	background-color:#d6d6d6;
}
table.technicalData td.data {
	border-bottom:solid 1px #b0b2b4;
}
table.technicalData tr.top td {
	border-top:solid 1px #858585;
}
table.technicalData tr.bottom td {
	border-bottom:solid 1px #858585;
}

/*--------------------------------------------------------------------------------------------
	Our Models Page
  --------------------------------------------------------------------------------------------*/

div.leftRightWrap {
	position: relative;
}

div.leftSide {
	width: 460px;
	overflow: hidden;
}

div.rightSide {
	width: 200px;
	position: absolute;
	bottom: 38px;
	right: 50px;
	margin: 0 0 11px 0;
}

div.rightSide ul {
	list-style-type: none;
	padding: 24px 0 0 0;
	margin: 0 0 0 5px;
}

div.rightSide ul li {
	background: transparent url(../images/list-bullet.png) no-repeat left 6px;
	padding: 5px 0 0 19px;
	margin: 0 0 0 0;
	font-size: 0.9em;
}

div#BoxWrapper div.first {
	padding-top: 30px;
}

div.undoBoxWrap {
	padding: 50px 0 30px 0;
}

div.undoBoxWrap img {
	margin: 0 0 10px 5px;
}

div.undoBoxWrap p {
	margin: 0 0 10px 30px;
	width: 660px;
}

div.leftRightWrapper {
	height: 420px;
	width: 820px;
	position: relative;
	left: -50px;
}

div#PremiumPlus {
	background: transparent url(../images/models-premium-plus.jpg) no-repeat left top;
}

div#ProfessionalRange {
	background: transparent url(../images/models-professional-range.jpg) no-repeat left top;
}

div#CelliniClassic {
	background: transparent url(../images/models-cellini-classic.jpg) no-repeat left top;
}

a.leftLink {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 410px;
	height: 390px;
}

a.leftSpecLink {
	position: absolute;
	top: 390px;
	left: 77px;
}

a.rightLink {
	position: absolute;
	top: 0;
	left: 410px;
	display: block;
	width: 410px;
	height: 390px;
}

a.rightSpecLink {
	position: absolute;
	top: 390px;
	left: 477px;
}

span.note {
	color: #fff;
	font-size: 0.85em;
	position: absolute;
	top: 410px;
	left: 477px;
}

a.backToTopLink {
	position: absolute;
	top: 390px;
	left: 653px;
	background: transparent url(../images/back-to-top-bullet.png) no-repeat left top;
	padding: 0 0 0 18px;
	text-decoration: none;
	font-style: italic;
}

/*--------------------------------------------------------------------------------------------
	Gallery
  --------------------------------------------------------------------------------------------*/

div.gallerySidebar {
	float: left;
	width: 176px;
	margin: 0;
	padding: 0;
}

a.imageGalleryLink {
	display: block;
	margin: 0;
	font-size: 0.8em;
	padding: 0 0 0 40px;
}

div.sidebarThumb {
	border: 2px solid #fff;
	float: left;
	margin: 5px 0 21px 30px;
}

div.sidebarThumb img {
	display: block;
}

div#Gallery {
	height: 705px;
	width: 922px;
	border: 3px solid #c8c8c8;
	background: #000;
}

div#GalleryHeader {
	height: 26px;
	color: #ff4d6b;
	text-align: center;
	padding: 20px 0 0 0;
	position: relative;
}

div.closeLink {
	position: absolute;
	top: 10px;
	right: 20px;
	color: #fff;
}

div.closeLink a {
	text-decoration: none;
}

span.currentPhoto {
	padding: 0 11px 0 11px;
}

div#GalleryBody {
	text-align: center;
}

div#GalleryBody img {
	border: 3px solid #1f1f1f;
}

div#GalleryFooter {
	text-align: center;
	padding: 24px 0 0 0;
}

div#GalleryFooter a {
	padding: 0 8px 0 0;
}

div#GalleryFooter a.last {
	padding: 0;
}

div#GalleryFooter img {
	border: 2px solid #1f1f1f;
}

div#GalleryFooter img.selected {
	border: 2px solid #822739;
}

div.overlayContent {
	position: absolute;
	top: 0;
	left: 0;
}

div#rightColumn {
	position: relative;
}

div#navwrapper img.detailImage {
	position: absolute;
	top: 0;
	left: -50px;
}

div#rightColumn div.downloadShift {
	margin-top: 500px;
}