@charset "UTF-8";
/* CSS Document */

/* 	
	logitech print CSS declarations
	copyright logitech 2007 
*/

/* main areas */
#container {
	width: auto !important;
	margin: auto;
	font-size: 1.1em;
}
/* global hidden areas */
#secondary_nav,
#utility_nav,
#primary_nav,
#logo,
#callout,
#action_links,
#hero,
#views,
#product_color,
#selector {
	margin: 0;
	padding: 0;
	display: none;
}

/* allows product banner images to print */
.detail #hero, .detail #product_color {
	display: block;
}

#breadcrumb {
	position: relative;
	width: auto !important;
	padding-bottom: 10px;
}
#breadcrumb ul {
	padding-left: 0 !important;
}
#container #header {
	position: relative !important;
	top: auto !important;
	border-top: none !important;
}
#container #header .wrap {
	background: none !important;
}
* html #header .wrap { filter: none; }

#content_body {
	width: auto !important;
	float: none !important;
	padding: 0 !important;
}
ul.tabs {
	display: none; /* hides tab headers */
	height: auto !important;
}
h3.print_head {
	display: block; /* shows print header */
}
.tab_body,
.tab_callout {
	width: auto !important;
	float: none !important;
	padding: 0 !important;
}
#tabcontent1,
#tabcontent2,
#tabcontent3,
#tabcontent4,
#tabcontent5,
#tabcontent6,
#tabcontent7 {
	display: block !important; /* shows all tab content for printing */
}

#container #footer {
	margin: 0;
	padding: 15px 20px 5px;
	border-top: 1px solid #CFD7DD;
	background-color: transparent;
	font-size: .916em; /* 9px */
	overflow: hidden;
	_height: 1%;
}


#info-on-1,
#info-on-2,
#info-on-3,
#info-on-4,
#info-on-5 {
	display: block !important;
	overflow: visible !important;	
	height: auto !important;
}

/* marker fix for IE crashing while printing
#content_head ul li,
#content_body ul li {
	background: none;
	list-style: square !important;
	padding-bottom: 2px;
	margin-left: 14px;
}
 */
 
/* footer styles */
#footer {
	width: auto !important;
	margin: 0;
	padding: 10px 0 0 0;
}

/* links: add underline for printed page */
a,
a:visited,
a:hover,
a:active {
	text-decoration: underline;
}
.contact #content_body {
	width: 897px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
}
.contact #action_links {
	text-align: right;
	padding-bottom: 15px;
}

.contact #header {
	top: 256px;
}
.contact #hero {
	height: 330px;
	background: transparent url(/images/heros/contact_us.jpg) top left no-repeat;
}
#locations {
	position: relative;
	top: 25px;
	left: 150px;
	width: 600px;
	height: 230px;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#locations .location {
	position: absolute;
	height: 10px;
	width: 10px;
	z-index: 3;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}
#locations .development {
	background-image: url(/images/contact_loc_development_bg.gif);	
}
#locations .corporate {
	background-image: url(/images/contact_loc_corporate_bg.gif);	
}
#locations .sales {
	background-image: url(/images/contact_loc_sales_bg.gif);	
}
#locations .info {
	display: none;
	position: absolute;
	width: 145px;
	padding: 9px;
	border: 1px solid #6dc3b6;
	color: #fff;
	font-size: 1.1em;
	background: #1aa292 url(/images/contact_loc_bg.gif) top left repeat-x;
	z-index: 4;
}

#loc1 {
	top: 94px;
	left: 94px;
}
#loc2 {
	top: 80px;
	left: 95px;
}
#loc3 {
	top: 72px;
	left: 330px;
}
#loc3info {
	top: 62px !important;
	left: 300px !important;
	display: block !important;
}
#loc4 {
	top: 52px;
	left: 310px;
}
#loc5 {
	top: 70px;
	left: 320px;
}
#loc6 {
	top: 64px;
	left: 340px;
}

#legend {
	position: absolute;
	top: 265px;
	right: 20px;
	margin: 0;
	padding: 0;
	z-index: 3;
}
#legend li {
	padding-bottom: 1px;
	line-height: 1.5em;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}
#legend li.development {
	background-image: url(/images/icn_contact_development.gif);	
}
#legend li.corporate {
	background-image: url(/images/icn_contact_corporate.gif);	
}
#legend li.sales {
	background-image: url(/images/icn_contact_sales.gif);	
}
#legend a {
	padding-left: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

.contacts-set {
	width: 896px; /* IE needs width */
	margin: 0 0 30px 0;
	overflow: hidden;
	_height: 1%;
}
.more-contacts .contacts,
.contacts-set .contacts {
	float: left;
	width: 204px;
	margin: 0 20px 0 0;
}
.more-contacts {
	width: 896px;
	margin: 0 0 15px 0;
	padding: 7px 0 0;
	border-top: 1px solid #e7e9ea;
	overflow: hidden;
	_height: 1%;
}
.contacts-set  ul {
	margin: 0 0 15px 0;
}


/* GLOBAL FLOAT FIXES and HACKS ************************************************
	Use to clear floats and use the Holly Hack for IE browser's height bugs */