/* *************************************************************************
Title : CSS main styles
Author : Designkitchen, Inc.
Description : Common styles for layout and appearance
Created : Dec.17.2008 
Modified : 


CSS TOC
=HTML SELECTORS
=GENERAL SELECTORS
=LAYOUT
=SUPPLIES
************************************************************************* */


/* =PAGE CONTENT */
@import url("reset.css");


/* *************************************************************************
=HTML SELECTORS
************************************************************************* */

* {
	-moz-outline: none;
}

html, body {
	height: 100%;
	background: #d3d1d1;
	margin: 0;
	padding: 0;
}
body {
	/* font sizes should always start at 62.5% */
	font: normal 62.5%  Arial,Helvetica,sans-serif;
	}
h3{
	color:#e1ac13;
	font-size:1.6em;
	padding:0 0 20px 0;
	text-transform:uppercase;
}
h4{
	color:#e4bd07;
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 9px 0;
}
img {
	border: none;
}

p{
	font-size:1.2em;
}

table{
	font-size:1.1em;
	margin:0 0 39px 0;
	width:800px;
}

table tr.alt td{
	background:#dee5e5;
}
table th{
	text-align:left;
	font-weight:bold;
}
table th, table td{
	padding:10px 14px;
	width:143px;
}
table.supplies th.quantity,
table.accessories th.quantity{
	width:325px;
}
/*
table .part{
	width:143px;
}


table .images,
table .quantity{
	width:107px;
}

table .ribbon,
table .product{
	width:181px;
}

table .desc,
table .notes{
	width:139px;
}

table.supplies .quantity,
table.accessories .quantity{
	width:246px;
}*/

/* *************************************************************************
=GENERAL SELECTORS
************************************************************************* */
.bold {
	
	font-weight: bold;
}

.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0px;
	padding:0px;
}

.autoH{ 
	height:auto;
}

/* *************************************************************************
=LAYOUT
************************************************************************* */
div.wrapper {
	min-height: 100%;
	width: 961px;
	background: #dcdada;
	margin: 0 auto;
	
}

div.header {
	background: url(http://www.zcardprinters.com/images/headerBkg.gif) no-repeat right top;
	text-align: right;
	padding: 10px 8px 0px 15px;
}

div.header1{
	color:#069;	
}
.head1{
}


div.header a {
	color: #000;
	font-size: 1.3em;
	font-weight:bold;
	letter-spacing:-.03em;
	text-decoration: none;
}

a.logo,
a.logoIbm,
a.logoPartner {
	display: block;
	width: 91px;
	height: 78px;
	float: left;
	background: url(http://www.zcardprinters.com/images/headerLogo.png) no-repeat;
	text-align: left;
	text-indent: -999em;
	margin: 0 13px 0 0;
	padding: 5px 0 0 0;
}
a.logoPartner{
	background: url(http://www.zcardprinters.com/images/header.logo.fpo.gif) no-repeat;
	display:none;
}
a.logoIbm {
	background: url(http://www.zcardprinters.com/images/headerIBM.png) no-repeat;
	display:none;
}

div.headerNav {
	padding: 34px 0 0 0;
	float:right;
}
div.headerNav ul li{
	display:block; 
	float:left;
	height:23px;
}
div.headerNav ul li a{
	 display:block;
	 height:20px;
	 padding:3px 5px 0 15px;
	 position:relative;
	 
}

div.headerNav span{
	display:block;
	font-weight:normal;
	left:2px;
	padding:3px 2px 0 0;
	position:absolute;
	top:0;
	
}
div.headerNav ul li.button {
/*	background: url(http://www.zcardprinters.com/images/headerButton.png) no-repeat;
	
	width: 189px;
	height: 23px;
	padding:0;
	margin:0 10px;*/
}
div.headerNav ul li.button a{
	background: url(http://www.zcardprinters.com/images/headerButton.png) no-repeat;
	/*margin: -3px 10px 0 10px;*/
	width: 189px;
	height: 23px;
	text-align: left;
	padding: 3px 5px 0 10px;
	margin:0 5px;
}
div.headerNav ul li.button a:hover{
background: url(http://www.zcardprinters.com/images/headerButton.hover.png) no-repeat;	
}

div.headerNav ul li.supplies a{
	width:62px;
	text-align:left;
	padding:3px 0 0 8px;	
}
div.headerNav ul li.supplies a.on{
	background:url(http://www.zcardprinters.com/images/btn.supplies.on.gif) no-repeat 0 0;
	color:#fff;

}
div.headerNav ul li.supplies a:hover  {
	background:url(http://www.zcardprinters.com/images/btn.supplies.hover.gif) no-repeat 0 0;
	color:#fff;

}

div.headerNav ul li.media a{
	padding:3px 11px 0 20px;

}
div.headerNav ul li.media a.on,
div.headerNav ul li.media a:hover  {
	background:url(http://www.zcardprinters.com/images/btn.media.on.gif) no-repeat 9px 0;
	color:#fff;
	/*width:53px;
	text-align:left;
	padding:3px 0 0 6px;*/
}
div.headerNav ul li.media a.on span,
div.headerNav ul li.media a:hover span{
	color:#000;
}
/*----------- Main Navigation -----------*/

div.nav {
	clear: both;
	margin: 0;
	padding: 52px 0 0 0;
}

.homepage div.nav {
	padding: 0;
}

div.navSection {
	position: relative;
	float:left;
	height:97px;
	background: #ccd;
}

div.navButton {
	position: absolute;
	bottom: 97px;
	background: url(http://www.zcardprinters.com/images/transWht80.png) repeat 0 0;

	
}

div.navButton a {
	display: block;
	height: 52px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
	position:relative;
	/*position:absolute;
	top:-52px; 
	left:0;*/
}

div.navButton div {
	height: 0;
	overflow: hidden;
	/*width:221px;
	display:none;*/
	padding: 0 18px 0 22px;
}

.homepage div.navButton div.active {
	height: auto;
}

div.navButton div h2 { /*BIG is not a valid HTML element*/
	display: block;
	font-size: 2.0em;
	margin: 17px 0;
	font-weight:normal;
}

div.navButton div p {
	margin: 0 0 30px 0;
}

div.retransfer {	
	width: 171px;
}
div.retransfer div.navButton{
	left:-8px;
	background: url(http://www.zcardprinters.com/images/transOrng80_left.four.png) repeat-y 0 0;
}
div.retransfer div.navButton a {
	width: 179px;
	background: transparent url(http://www.zcardprinters.com/images/navRetransfer.four.gif) no-repeat;
	/*margin-left: -7px !important;*/
}
.retransfer div.retransfer div.navButton a {
	background: transparent url(http://www.zcardprinters.com/images/navRetransfer.current.four.gif) no-repeat;
}

div.value {	width: 288px;	}
div.value div.navButton a {
	width: 288px;
	background: transparent url(http://www.zcardprinters.com/images/navValue.four.gif) no-repeat;
}
.value div.value div.navButton a {
	background: transparent url(http://www.zcardprinters.com/images/navValue.current.four.gif) no-repeat;
}
div.performance {	width: 251px;	}
div.performance div.navButton a {
	width: 251px;
	background: transparent url(http://www.zcardprinters.com/images/navPerformance.four.gif) no-repeat;
}
.performance div.performance div.navButton a {
	background: transparent url(http://www.zcardprinters.com/images/navPerformance.current.four.gif) no-repeat;
}

div.security {	width: 251px;	}
div.security div.navButton{
	padding-right:1px;
}
div.security div.navButton{
	left:0;
	background: url(http://www.zcardprinters.com/images/transWht80_right.png) repeat-y 0 0;
}
div.security div.navButton a {
	width: 259px;
	background: transparent url(http://www.zcardprinters.com/images/navSecurity.four.gif) no-repeat right 0;
	/*margin-right: -6px !important;*/
}
.security div.security div.navButton a {
	background: transparent url(http://www.zcardprinters.com/images/navSecurity.current.four.gif) no-repeat right 0;
}
div.navSection ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.navSection li {
	float: left;
	margin: 0;
	padding: 0;
}

div.navSection li a {
	display: block;
	position: relative;
	height: 97px;
	overflow: hidden;
	/*background: url(http://www.zcardprinters.com/images/productBkgOff.jpg) no-repeat right top;*/
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.gif) no-repeat right 0;
	text-align: right;
	margin: 0;
	padding: 0;
	border: none;
	/*opacity: .5;
	filter:alpha(opacity=50);*/

}

/*div.retransfer li a				{	width: 28px;	}*/
div.value li a					{	width: 39px;	}
div.performance li a			{	width: 40px;	}
div.security li a				{	width: 40px;	}

div.navSection li.active a {
	width: 171px;
	/*opacity: 1;
	filter:alpha(opacity=100);*/
}

div.navSection li a strong{
	background:transparent url(http://www.zcardprinters.com/images/overlay.product.shadow.png) no-repeat 0 0;
	display:block;
	height:97px;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:999px;
	top:0;
	width:100%;
	z-index:2;
}
div.navSection li a img {
	position: absolute;
	padding-bottom:1px;
	top: 0;
	right: 0;
	width: 171px;
	/*margin-right: -1px;*/
	opacity: .5;
	z-index:1;
}
div.navSection li.active a img {
	opacity: 1;
}

div.navSection li.hover a img {
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.over.gif) no-repeat right top;
	opacity: 1;
}
div.navSection li.active a strong,
div.navSection li.hover a strong{
	background-image:none;
}
div.retransfer li.current a img{
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.current.retransfer.gif) no-repeat right top;
}
div.value li.current a img {
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.current.value.gif) no-repeat right top;
}
div.performance li.current a img {
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.current.performance.gif) no-repeat right top;
}
div.security li.current a img {
	background: url(http://www.zcardprinters.com/images/bkg.innershadow.current.security.gif) no-repeat right top;
}

/*

div.nav span.slider {
	display: block;
	position: relative;
	height: 100px;
	background: #0f0;
}

div.nav span.slider a {
	position: absolute;
	top: -52px;
}

div.nav li span.navRetransfer a {
	width: 263px;
	background-image: url(http://www.zcardprinters.com/images/navRetransfer.gif);
}

*/

.homepage div.content h1,
.homepage div.content h3{
	display:block;
	height:550px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:30px;
}
.homepage div.content h1{
	left:-20px;
}
.homepage div.content h3{
	right:-30px;
}

	
/*----------- Footer -----------*/

div.footer {
	clear: both;
	color: #989898;
	font-size: 1em;
	line-height: 1.6em;
	padding: 20px;
}

div.footer a {
	color: #989898;
	text-decoration: none;
}

/*----------- Main Content Area -----------*/

div.content {
	clear: both;
	background: #fff;
	padding: 20px;
}

.homepage div.content {
/*	background:url(http://www.zcardprinters.com/images/placeholder_home-p110i.jpg) no-repeat 0 0; */
	height:422px;
	padding: 0;
	position:relative;
	width:961px;
}
.homepage div.content .highlight {

	height:422px;
	padding: 0;
	position:absolute;
	top:-9999em;
	left:-9999em;
	width:961px;
	overflow:hidden;
}

.homepage div.content .zxp8{
	background:url(http://www.zcardprinters.com/images/splash_home-zxp8.jpg) no-repeat 0 0;
}
.homepage div.content .p110{
	background:url(http://www.zcardprinters.com/images/splash_home-p110i.jpg) no-repeat 0 0;
}
.homepage div.content .p640{
	background:url(http://www.zcardprinters.com/images/splash_home-p640i.jpg) no-repeat 0 0;
}
.homepage div.content .p330{
	background:url(http://www.zcardprinters.com/images/splash_home-p330i.jpg) no-repeat -2px 0;
	width:968px;
}
.homepage div.content .current{
	top:0;
	left:0;
}
/*
.homepage div.content h1{
	display:none;
}*/
.homepage div.content a {
	display:block;
	height:422px;
	left:0;
	position:absolute;
	text-indent:-999em;
	top:0;
	width:961px;
}
/*----------- Product Detail (left rail) -----------*/

div.features {
	float: left;
}

div.features h1 {
	display: block;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	width: 263px;
	height: 87px;
	margin: 0 0 34px 0;
	padding: 0;
}

div.features dl {
	height: 0px;
	text-indent: -999em;
	overflow: hidden;
	width:0px;
}
div.features p{
	width:510px;
}
/*----------- Product Detail (left rail) -----------*/

div.details {
	position: relative;
	float: right;
	width: 374px;
	color: #4d4849;
	font: normal 11px Arial,sans-serif;
	padding: 31px 0 0 0;
}

div.details dl {
	background: url(http://www.zcardprinters.com/images/detailsZebra.png) no-repeat left bottom;
	margin: 0;
	padding: 0;
}

div.details div.shadow {
	background: url(http://www.zcardprinters.com/images/detailsBkg.png) repeat-y;
	margin: 0;
	padding: 0;
}

div.details dt {
	display: block;
	position: absolute;
	height: 37px;
	top: 0;
	left: 0;
	background: url(http://www.zcardprinters.com/images/detailsTop.png) no-repeat left bottom;
	margin: 0;
	padding: 0;
}

div.details dt.overview {
	width: 89px;
}
div.details dt.specs {
	left: 89px;
	width: 61px;
}
div.details dt.drivers {
	left: 150px;
	width: 76px;
}
div.details dt.caseStudies {
	left: 226px;
	width: 117px;
}

div.details dt a {
	display: block;
	height: 37px;
	background-repeat: no-repeat;
	background-position: 0 -74px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
div.details dt a:hover {
	background-position: 0 0;
}
div.details dt a.active, div.details dt a:hover.active {
	background-position: 0 -37px;
}

body.retransfer div.details dt.overview a { background-image: url(http://www.zcardprinters.com/images/tabs/overview.retransfer.png); }
body.value div.details dt.overview a { background-image: url(http://www.zcardprinters.com/images/tabs/overview.value.png); }
body.performance div.details dt.overview a { background-image: url(http://www.zcardprinters.com/images/tabs/overview.performance.png); }
body.security div.details dt.overview a { background-image: url(http://www.zcardprinters.com/images/tabs/overview.security.png); }

body.retransfer div.details dt.specs a { background-image: url(http://www.zcardprinters.com/images/tabs/specs.retransfer.png); }
body.value div.details dt.specs a { background-image: url(http://www.zcardprinters.com/images/tabs/specs.value.png); }
body.performance div.details dt.specs a { background-image: url(http://www.zcardprinters.com/images/tabs/specs.performance.png); }
body.security div.details dt.specs a { background-image: url(http://www.zcardprinters.com/images/tabs/specs.security.png); }

body.retransfer div.details dt.drivers a { background-image: url(http://www.zcardprinters.com/images/tabs/drivers.retransfer.png); }
body.value div.details dt.drivers a { background-image: url(http://www.zcardprinters.com/images/tabs/drivers.value.png); }
body.performance div.details dt.drivers a { background-image: url(http://www.zcardprinters.com/images/tabs/drivers.performance.png); }
body.security div.details dt.drivers a { background-image: url(http://www.zcardprinters.com/images/tabs/drivers.security.png); }

body.retransfer div.details dt.caseStudies a { background-image: url(http://www.zcardprinters.com/images/tabs/caseStudies.retransfer.png); }
body.value div.details dt.caseStudies a { background-image: url(http://www.zcardprinters.com/images/tabs/caseStudies.value.png); }
body.performance div.details dt.caseStudies a { background-image: url(http://www.zcardprinters.com/images/tabs/caseStudies.performance.png); }
body.security div.details dt.caseStudies a { background-image: url(http://www.zcardprinters.com/images/tabs/caseStudies.security.png); }





div.details dd {
	display: none;
	min-height: 399px;
	margin: 0;
	padding: 15px 20px;
}
div.details dd p{
	font-size:1em;
	padding:0 0 10px 0;
}
div.details dd p a{
	font-weight:bold;
	text-decoration:none;
}
div.details dd p a:hover{
	text-decoration:underline;
}
div.details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.details ul strong {
	font-weight: bold;
}
.value div.details dd p a,
.value div.details ul strong {
	color: #339596;
}
.performance div.details dd p a,
.performance div.details ul strong {
	color: #305bb3;
}
.retransfer div.details dd p a,
.retransfer div.details ul strong {
	color: #000000;
}

.security div.details dd p a,
.security div.details ul strong {
	color: #732499;
}
div.details ul li {
	margin: 0 0 3px 0;
}
div.details ul ul {
	margin: 3px 0 10px 0;
}
div.details ul ul li {
	background-position: 5px 4px;
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}
.retransfer div.details ul ul li {
	background-image:url('http://www.zcardprinters.com/images/bullet.detail.retransfer.gif');
}
.value div.details ul ul li {
	background-image:url('http://www.zcardprinters.com/images/bullet.detail.value.gif');
}
.performance div.details ul ul li {
	background-image:url('http://www.zcardprinters.com/images/bullet.detail.performance.gif');
}
.security div.details ul ul li {
	background-image:url('http://www.zcardprinters.com/images/bullet.detail.security.gif');
}


/* *************************************************************************
=SUPPLIES
************************************************************************* */
.supplies div.nav {padding-top:0; height:52px;}
.supplies div.navSection {height:52px;}
.supplies div.navSection div.navButton {bottom:auto;}


.supplies div.navSection ul {
	display:block;
	left:0;
	position:absolute;
	top:52px;
	height:0;
	overflow:hidden;
}
/*
.supplies div.nav{
	height:148px;
} 
*/

.supplies div.features {
	float:none;
	padding:0 0 25px 0;
}
.supplies div.features h1{
	background:url(http://www.zcardprinters.com/images/header.supplies.gif) no-repeat 0 0;
	height:47px;
	margin:0;
	padding:0 0 9px;
}
.suppliesContainer{
	min-height:700px;
	position:relative;
}
.suppliesContainer h3{
	background:url(http://www.zcardprinters.com/images/icon.arrow.down.gif) no-repeat 0 7px;
	padding:0 0 18px 16px;
}
.suppliesContainer h3.active{
	background:none;
	padding-left:6px;
}
.suppliesContainer h3.active span{
	text-transform:none;
}
.suppliesContent{
	background:url(http://www.zcardprinters.com/images/bkg.supplies.top.gif) no-repeat 0 0;
	margin:0 0 0 57px;
	padding:6px 0 0 0;
	width:862px;
}
.suppliesList{
	background:url(http://www.zcardprinters.com/images/bkg.supplies.gif) repeat-y 0 0;
	padding:17px 0 0 0;
	width:862px;
}
.suppliesTable{
	background:url(http://www.zcardprinters.com/images/bkg.supplies.bot.gif) no-repeat 0 bottom;
	padding:0 34px 5px 34px;
	width:794px;
	display:none;
	min-height:590px;
}
.suppliesTable.active {display:block}
.suppliesContainer ul{
	position:absolute;
	top:50px;
	left:-2px;
}
.suppliesContainer ul li a{
	display:block;
	height:33px;
	text-indent:-999px;
	overflow:hidden;
	width:71px;
}
.suppliesContainer ul li a.zxp8  {background: url(http://www.zcardprinters.com/images/nav.supplies.zxp8.gif) no-repeat 0 0}
.suppliesContainer ul li a.P100i {background: url(http://www.zcardprinters.com/images/nav.supplies.p100i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P110i {background: url(http://www.zcardprinters.com/images/nav.supplies.p110i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P110m {background: url(http://www.zcardprinters.com/images/nav.supplies.p110m.gif) no-repeat 0 0}
.suppliesContainer ul li a.P120i {background: url(http://www.zcardprinters.com/images/nav.supplies.p120i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P330i {background: url(http://www.zcardprinters.com/images/nav.supplies.p330i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P330m {background: url(http://www.zcardprinters.com/images/nav.supplies.p330m.gif) no-repeat 0 0}
.suppliesContainer ul li a.P430i {background: url(http://www.zcardprinters.com/images/nav.supplies.p430i.gif) no-repeat 0 0; height:34px}
.suppliesContainer ul li a.P520i {background: url(http://www.zcardprinters.com/images/nav.supplies.p520i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P630i {background: url(http://www.zcardprinters.com/images/nav.supplies.p630i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P640i {background: url(http://www.zcardprinters.com/images/nav.supplies.p640i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P205 {background: url(http://www.zcardprinters.com/images/nav.supplies.p205.gif) no-repeat 0 0}
.suppliesContainer ul li a.P210i {background: url(http://www.zcardprinters.com/images/nav.supplies.p210i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P310f {background: url(http://www.zcardprinters.com/images/nav.supplies.p310f.gif) no-repeat 0 0}
.suppliesContainer ul li a.P310i {background: url(http://www.zcardprinters.com/images/nav.supplies.p310i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P320i {background: url(http://www.zcardprinters.com/images/nav.supplies.p320i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P420i {background: url(http://www.zcardprinters.com/images/nav.supplies.p420i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P620i {background: url(http://www.zcardprinters.com/images/nav.supplies.p620i.gif) no-repeat 0 0}
.suppliesContainer ul li a.P720i {background: url(http://www.zcardprinters.com/images/nav.supplies.p720i.gif) no-repeat 0 0}


.suppliesContainer ul li a:hover{background-position:0 -33px;}
.suppliesContainer ul li a.on{background-position:5px -66px;}

.suppliesContainer ul li a.P430i:hover{background-position:0 -34px;}
.suppliesContainer ul li a.P430i.on{background-position:5px -68px;}

#allSupplies a {color:#000000;
text-decoration:none;
	font-size:1.0em;
	font-weight:bold;
	}

#allSupplies a:hover {color:#e4bd07;}

#ZebraLogo {
	position: relative;
	float:left;
	left:-65px;
	top:-45px;
	width:387px;
	height:87px;
	z-index:1;
}

#VarLogo {
	position: relative;
	float:left;
	left:-35px;
	top:-45px;
	width:387px;
	height:87px;
	z-index:1;
}
#PartnerBadge {
	position: relative;
	float:left;
	left:-40px;
	top:-55px;
	width:52px;
	height:68px;
	z-index:2;
}


#VarVideo.button1 a{
	background: url(http://www.zcardprinters.com/images/headerButton.png) no-repeat;
	width: 189px;
	height: 23px;
	text-align: left;
	padding: 3px 5px 23px 10px;
	margin:0 5px;
}
#VarVideo a:hover{
	background: url(http://www.zcardprinters.com/images/headerButton.hover.png) no-repeat;
}