/********** Relaunch Global Corporate Website www.roche.com layout *****/
/*************** Copyright (c) 1996-2008 F. Hoffmann-La Roche Ltd. *****/
/***********************************************************************/
/************************************************** content styles *****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/* $LastChangedDate: 2007-11-07 21:22:08 +0100 (Wed, 07 Nov 2007) $ *****/

/* generic */

p.success
{
	color: #096 !important;
}

p.error
{
	color: #c03 !important;
}

div.generic-spacer-4
{
	height: 4px;
	overflow: hidden;
}

div.generic-spacer-10
{
	height: 10px;
	overflow: hidden;
}

.light /* use only on text in content */
{
	color: #999 !important;
	font-weight: normal !important;
}

/* header > font resize */

div#text-resize
{
	float: left;
}

div#text-resize span
{
	float: left;
	height: 17px;
}

div#text-resize span.active
{
	cursor: pointer;
	background-position: 0 4px;
}

span#decrease-font
{
	background: url(img/icon-decrease.gif) no-repeat 0 -13px;
	width: 8px;
}

span#text-resize-caption
{
	background-repeat: no-repeat;
	margin: 0 5px;
}

span#increase-font
{
	background: url(img/icon-increase.gif) no-repeat 0 -13px;
	width: 8px;
}

/* header > search form */

form#generic-search div.textfield
{
	border: 1px solid #ccc;
	display: block;
	height: 16px;
	left: 815px; /* 965px - 150px */
	position: absolute;
	top: 108px;
	width: 148px;
	z-index: 101;
}

input#generic-search-input
{
	border: none;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	position: relative;
	top: -2px;
	width: 128px;
}

input#generic-search-submit
{
	height: 11px;
	margin: 0;
	padding: 3px 0 0 1px;
	width: 10px;
}

/* stage */

div#stage-zone h1,
div#stage-zone h2,
div#stage-zone h3,
div#stage-zone p
{
	left: -7000px;
	position: absolute;
}

div#stage-zone p.stage-link
{
	left: 0;
}

div#stage-zone p.stage-link a
{
	display: block;
}

/* content > tools > page tools */

ul#page-tools
{
	background: url(img/separator-4.gif) repeat-x left bottom;
	margin: 0 0 7px 20px;
	padding: 6px 0 4px;
}

ul#page-tools li
{
	float: left;
	height: 18px;
	overflow: hidden;
	padding-right: 15px;
}

ul#page-tools a
{
	color: #06c;
	display: block;
	float: left; /* IE<7 */
	height: 21px;
	padding-top: 3px;
	vertical-align: bottom;
}

a#page-tool-print
{
	background: url(img/icon-print.gif) no-repeat 0 1px;
	padding-left: 19px;
}

a#page-tool-bookmark
{
	background: url(img/icon-bookmark.gif) no-repeat 0 0;
	padding-left: 14px;
}

a#page-tool-delicious
{
	background: url(img/icon-delicious.gif) no-repeat 0 5px;
	padding-left: 15px;
}

a#page-tool-digg
{
	background: url(img/icon-digg.gif) no-repeat 0 1px;
	padding-left: 21px;
}

ul#page-tools a:hover,
ul#page-tools a:focus
{
	text-decoration: underline;
}

/* content */

/* content > headlines */

div#content-zone div.h1
{
	padding: 1px 0 17px 20px;
}

div#content-zone h1
{
	font-size: 25px;
	font-weight: normal;
	line-height: 31px;
}

body#body-error-page div#content-zone h1
{
	color: #c03;
}

div#content-zone div.h2-overline
{
	padding: 3px 0 5px 20px;
	width: 945px;
}

div#content-zone div.h2-overline h2
{
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
}

div.broad-column div.h2,
div.broad-column p
{
	padding-right: 70px;
}

div.column div.h2
{
	padding: 3px 0 3px;
}

div.broad-column div.h2
{
	padding-right: 70px;
}

div.column div.h2 h2
{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	color: #666;
}

div.column h3
{
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	position: relative;
	top: 4px;
}

/* content > links */

div.column a,
div#breadcrumb-zone a
{
	color: #06c;
}

div.column a:visited,
div#breadcrumb-zone a:visited
{
	color: #666;
}

ul#page-tools a:visited
{
	color: #06c;
}

div.column a:hover,
div.column a:focus,
div#breadcrumb-zone a:hover,
div#breadcrumb-zone a:focus
{
	text-decoration: underline;
}

a.internal
{
	background: url(img/icon-internal-link.gif) no-repeat 0 5px;
	padding-left: 11px;
}

a.external
{
	background: url(img/icon-external-link.gif) no-repeat 0 1px;
	padding-left: 18px;
}

a.back
{
	background: url(img/icon-back-link.gif) no-repeat 0 5px;
	padding-left: 11px;
}

a.internal:visited
{
	background-image: url(img/icon-internal-visited-link.gif);
}

a.external:visited
{
	background-image: url(img/icon-external-visited-link.gif);
}

a.back:visited
{
	background-image: url(img/icon-back-visited-link.gif);
}

a.enlarge
{
	font-size: 11px;
	line-height: 15px;
	color: #06c;
	background: url(img/icon-enlarge.gif) no-repeat 0 0;
	padding: 0 0 0 16px;
}
/* content > images */

div.column img
{
	display: block;
}

div.column img.seamless
{
	padding: 8px 0 12px;
}

div.column img.chart
{
	border-top: 1px solid #999;
	margin: 2px 0;
	padding: 0 0 12px;
}

div.column p.chart-image-caption
{
	font-weight: bold;
	padding: 4px 0 0;
}

/* content > image gallery */

div.column img.gallery
{
	padding: 8px 0 7px;
}

ul#gallery-nav
{
	padding: 5px 0 8px 20px;
	position: relative;
}

ul li#gallery-goto-previous,
ul li#gallery-goto-next,
ul li#gallery-goto-previous a,
ul li#gallery-goto-next a
{
	display: block;
	height: 14px;
	width: 13px;
}

ul li#gallery-goto-previous
{
	background: url(img/icon-previous-image.gif) no-repeat;
}

ul li#gallery-caption
{
	left: 0;
	margin: 0 13px 0 33px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 594px;
}

ul li#gallery-goto-next
{
	background: url(img/icon-next-image.gif) no-repeat;
	float: right;
}


/* content > paragraphs */

div.column p
{
	font-size: 11px;
	line-height: 15px;
	padding: 4px 0 11px;
}

div.broad-column p
{
	padding-right: 70px;
}

/* content > quotes */

div.column div.big-quote
{
	padding: 2px 0 38px;
}

div.column div.medium-quote
{
	padding: 4px 0 7px;
}

div.column div.big-quote p.quote,
div.column div.medium-quote p.quote
{
	color: #999;
	font-size: 20px;
	font-style: italic;
	line-height: 25px;
	padding: 0;
}

div.column div.big-quote p.cite
{
	color: #999;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding: 12px 0 0 0;
}

div.column div.medium-quote p.cite
{
	color: #999;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 0 0 0;
}

div.column div.small-quote
{
	padding: 4px 0 8px;
}

div.column div.small-quote-alternative-style
{
	background: #ffc414;
	margin: 6px 0 12px;
	padding: 7px 10px 6px;
}

div.broad-column div.small-quote,
div.broad-column div.small-quote-alternative-style
{
	width: 530px;
}

div.column div.small-quote p.quote,
div.column div.small-quote-alternative-style p.quote
{
	font-size: 14px;
	font-style: italic;
	line-height: 18px;
	padding: 0;
}

div.column div.small-quote p.cite,
div.column div.small-quote-alternative-style p.cite
{
	font-size: 12px;
	line-height: 16px;
	padding: 9px 0 0 0;
}

div.column div.small-quote p
{
	color: #666;
}

div.column div.small-quote-alternative-style p
{
	color: #333;
}

/* content > lists */

div.column ul,
div.column dl
{
	padding: 4px 0 7px;
}

div.broad-column ul,
div.broad-column ol,
div.broad-column dl
{
	padding-right: 70px;
}

div.column li,
div.column dt,
div.column dd
{
	font-size: 11px;
	line-height: 15px;
}

div.column li,
div.column dd
{
	padding: 0 0 4px;
}

div.column dt
{
	font-weight: bold;
}

div.column ul.bullet-list li,
div.column dl.bullet-list dt
{
	background: url(img/bullet.gif) no-repeat 0 6px;
	padding-left: 10px;
}

div.column dl.bullet-list-float-alternative dt
{
	clear: left;
	float: left;
	padding-right: 0.666ex;
}

div.column dl.data dt
{
	clear: left;
	float: left;
	padding-right: 0.666ex;
}

div.column dl.bullet-list dd
{
	padding-left: 10px;
}

div.column dl.team-list dd
{
	padding-bottom: 15px;
}

div.column ul.link-list
{
	padding: 2px 0 9px;
}

div.column ul.link-list li
{
	line-height: 19px;
	padding-bottom: 0;
}

div.column ul.link-list a
{
	display: block;
}

ul.link-list a.internal,
ul.link-list a.back
{
	background-position: 0 8px;
}

ul.link-list a.external
{
	background-position: 0 4px;
}

ul.link-list a.download
{
	background: url(img/icon-download.gif) no-repeat 0 1px;
	display: block;
	padding-left: 17px;
}

ul.link-list a.download:visited
{
	background-image: url(img/icon-download-visited.gif);
}

ul.link-list a.mail
{
	background: url(img/icon-email.gif) no-repeat 0 6px;
	padding: 0 0 0 16px;
}

ul.link-list a.mail:visited
{
	color: #06c;
}

ul.link-list strong
{
	display: block;
	background: url(img/icon-internal-link-selected.gif) no-repeat 0 8px;
	padding-left: 11px;
}

div.has-floating-portrait ul li,
div.has-floating-landscape ul li,
div.has-floating-portrait ol,
div.has-floating-landscape ol
{
	display: table;
}

/* content > tables */

div.column table
{
	border-bottom: 1px solid #999;
	margin: 0 0 14px;
	width: 295px;
}

div.broad-column table
{
	width: 620px;
}

div.column caption
{
	border-bottom: 1px solid #999;
	caption-side: top;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	padding: 4px 0 2px;
}

div.column caption span
{
	display: block;
	width: 295px;
}

div.broad-column caption span,
div.column p.chart-image-caption
{
	width: 550px;
}

div.column td,
div.column th
{
	font-size: 11px;
	line-height: 15px;
	padding: 1px 20px 2px 0;
}

div.column thead th
{
	background: #fff;
	color: #999;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 11px;
}

div.column tbody td,
div.column tbody th
{
	border-top: 1px solid #ccc;
}

div.column td.right,
div.column th.right
{
	text-align: right;
	padding-left: 10px;
	padding-right: 0;
}

div.column table p
{
	padding: 0;
}

div.column col.highlighted-fff3d0
{
	background: #fff3d0;
}

div.column col.highlighted-ccebe0
{
	background: #ccebe0;
}

div.column col.highlighted-f5ccd6
{
	background: #f5ccd6;
}

div.column col.highlighted-e5effa
{
	background: #e5effa;
}

div.column col.highlighted-fff3d0-50percent
{
	background: url(img/50-percent-fff3d0.gif);
}

div.column p.table-caption
{
	color: #999;
	font-size: 10px;
	line-height: 14px;
	padding: 0 0 3px;
	position: relative;
	top: -8px;
}

div.column tr.intermediate-caption th
{
	padding: 18px 0 2px;
}

div.column tr.after-intermediate-caption td
{
	padding-top: 11px;
}

div.broad-column td p
div.broad-column td ul,
div.broad-column td ol,
div.broad-column td dl
{
	padding-right: 0;
}

/* content > table > cv table */

table.cv
{
	margin-bottom: 14px;
}

table.cv caption
{
	padding-top: 6px;
}

table.cv col.cv
{
	width: 20px;
}

table.cv a.cv
{
	background: url(img/icon-download-txt.gif);
	float: right;
	height: 13px;
	margin: 1px 0 0;
	overflow: hidden;
	width: 10px;
}


/* content > floating images */

div.floating
{
	float: left;
	padding: 8px 20px 6px 0;
}

div.has-floating-portrait div.floating img
{
	width: 150px;
}

div.has-floating-landscape div.floating img
{
	width: 200px;
}

div.floating p
{
	color: #999;
	padding: 6px 0 11px;
}

div.has-floating-portrait div.floating p
{
	width: 150px;
}

div.has-floating-landscape div.floating p
{
	width: 200px;
}

/* extended content */

div#extended-content-zone table
{
	width: 945px;
}

/* rating */

div#rating
{
	border-top: 1px solid #ccc;
	margin: 6px 0 0 20px;
	padding: 2px 0 9px;
}

div#rating p
{
	padding: 4px 0 0;
}

div#rating ul
{
	padding: 4px 0 0;
}

div#rating ul li
{
	float: left;
	padding: 0 3px 0 0;
}

div#rating ul p.first-label
{
	color: #999;
	padding: 0 7px 0 0;
}

div#rating ul p.second-label
{
	color: #999;
	padding: 0 0 0 7px;
}

div#rating ul a
{
	background: #bababa;
	display: block;
	float: left;
	height: 8px;
	margin: 4px 0 0;
	overflow: hidden;
	width: 8px;
}

/* location selector */

div#location-selector
{
	background: #fff;
	border: 1px solid #ccc;
	height: 325px;
	position: absolute;
	top: -7px;
	left: -11px;
	padding: 6px 10px 7px 10px;
	z-index: 11;
}

div#location-selector p
{
	background-repeat: no-repeat;
	background-position: 0 -17px;
	height: 17px;
}

div#location-selector div#location-list-wrapper
{
	height: 300px;
	margin-top: 8px;
	overflow: hidden;
	position: absolute;
}

div#location-selector ul
{
	position: relative;
	top: 0;
}

div#location-selector li
{
	float: none;
	font-size: 11px;
	line-height: 15px;
	padding: 0;
}

div#location-selector a
{
	display: inline !important;
	height: auto;
}

div#location-selector a:hover,
div#location-selector a:focus,
div#location-selector li.selected a
{
	color: #06c;
}

div#location-selector div.slider
{
	background: #ccc;
	height: 300px;
	position: absolute;
	right: 5px;
	top: 28px;
	width: 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

div#location-selector div.handle
{
	background: #000;
	height: 0; /* set by js */
	position: absolute;
	left: -5px;
	top: 0;
	width: 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

/* contact address */

div#tool-zone div.vcard
{
	padding-top: 6px;
}

div.vcard p
{
	padding: 0;
}

div.vcard p.phone-wrapper
{
	background: url(img/icon-phone.gif) no-repeat 0 3px;
	padding: 4px 0 0 20px;
}

div.vcard p.fax-wrapper
{
	background: url(img/icon-fax.gif) no-repeat 0 2px;
	padding: 4px 0 0 19px;
}

div.vcard p.email-wrapper
{
	background: url(img/icon-email.gif) no-repeat 0 8px;
	padding: 4px 0 0 16px;
}

div.vcard span.tel span.type
{
	display: none;
}

/* sitemap */

div#sitemap-tab
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	height: 35px;
	position: absolute;
	top: -37px;
 	/* set by js: */
 	left: -1000px;
	width: 0;
}

div.sitemap-block
{
	background: url(img/sitemap-separator.gif) no-repeat 0 0;
	padding-top: 1px;
}

div.first-sitemap-block,
div#content-zone div.sitemap-block
{
	background: none;
	padding-top: 0px;
}

div#content-zone div.sitemap-column
{
	padding: 0 10px 5px;
}

div.sitemap-column
{
	float: left;
	padding: 5px 10px 8px;
}

div#sitemap.with-4-columns div.sitemap-column
{
	width: 212px;
}

div#sitemap.with-5-columns div.sitemap-column
{
	width: 165px;
}

div#sitemap dl,
div#sitemap p
{
	font-size: 11px;
	line-height: 15px;
	padding: 6px 0 4px;
}

div#sitemap dl dt,
div#sitemap p
{
	color: #000;
	font-weight: bold;
	padding-left: 11px;
}

div#sitemap dl dl dt
{
	font-weight: normal;
	padding-left: 0;
}

div#sitemap dd
{
	padding: 4px 0 0;
}

div#sitemap a
{
	color: #06c;
	display: block;
}

div#sitemap dl dd a,
div#sitemap dl dl dt a
{
	padding-left: 11px;
}

div#sitemap span.toggle
{
	color: #06c;
	display: block;
	padding-left: 11px;
	cursor: pointer;
}

div#sitemap dl dl span.toggle a
{
	padding-left: 0;
}

div#sitemap a:hover,
div#sitemap a:focus
{
	text-decoration: underline;
}

div#sitemap dl.expanded a.toggle,
div#sitemap dl.expanded span.toggle
{
	background: url(img/icon-expanded.gif) no-repeat 0 6px;
}

div#sitemap dl.collapsed a.toggle,
div#sitemap dl.collapsed span.toggle
{
	background: url(img/icon-collapsed.gif) no-repeat 0 4px;
}

div#sitemap dl dl
{
	padding: 0;
}

div#sitemap dl.expanded dd
{
	display: block;
}

div#sitemap dl.collapsed dd
{
	display: none;
}

div#sitemap dl dl dt
{
	font-weight: normal;
}

div#sitemap dl dl dd
{
	padding-left: 30px;
}

/* glossary */

ul#glossary-index
{
	border-bottom: 1px solid #ccc;
	height: 26px;
	margin: 3px 0 14px;
	overflow: hidden;
	padding: 0;
}

ul#glossary-index li
{
	float: left;
	height: 19px;
	margin-right: 12px;
}

ul#glossary-index li.last
{
	margin-right: 0;
}

ul#glossary-index a,
ul#glossary-index span.inactive,
ul#glossary-index strong
{
	background-repeat: no-repeat;
	display: block;
	height: 19px;
}

ul#glossary-index a
{
	background-position: 0 -19px;
}

ul#glossary-index a:hover
{
	background-position: 0 -38px;
}

ul#glossary-index strong
{
	background-position: 0 -57px;
}

ul#glossary-index .glossary-a { background-image: url(img/glossary/a.gif); width: 12px; }
ul#glossary-index .glossary-b { background-image: url(img/glossary/b.gif); width: 12px; }
ul#glossary-index .glossary-c { background-image: url(img/glossary/c.gif); width: 12px; }
ul#glossary-index .glossary-d { background-image: url(img/glossary/d.gif); width: 14px; }
ul#glossary-index .glossary-e { background-image: url(img/glossary/e.gif); width: 11px; }
ul#glossary-index .glossary-f { background-image: url(img/glossary/f.gif); width: 11px; }
ul#glossary-index .glossary-g { background-image: url(img/glossary/g.gif); width: 12px; }
ul#glossary-index .glossary-h { background-image: url(img/glossary/h.gif); width: 15px; }
ul#glossary-index .glossary-i { background-image: url(img/glossary/i.gif); width:  8px; }
ul#glossary-index .glossary-j { background-image: url(img/glossary/j.gif); width:  8px; }
ul#glossary-index .glossary-k { background-image: url(img/glossary/k.gif); width: 14px; }
ul#glossary-index .glossary-l { background-image: url(img/glossary/l.gif); width: 11px; }
ul#glossary-index .glossary-m { background-image: url(img/glossary/m.gif); width: 17px; }
ul#glossary-index .glossary-n { background-image: url(img/glossary/n.gif); width: 15px; }
ul#glossary-index .glossary-o { background-image: url(img/glossary/o.gif); width: 13px; }
ul#glossary-index .glossary-p { background-image: url(img/glossary/p.gif); width: 12px; }
ul#glossary-index .glossary-q { background-image: url(img/glossary/q.gif); width: 13px; }
ul#glossary-index .glossary-r { background-image: url(img/glossary/r.gif); width: 12px; }
ul#glossary-index .glossary-s { background-image: url(img/glossary/s.gif); width:  8px; }
ul#glossary-index .glossary-t { background-image: url(img/glossary/t.gif); width: 11px; }
ul#glossary-index .glossary-u { background-image: url(img/glossary/u.gif); width: 13px; }
ul#glossary-index .glossary-v { background-image: url(img/glossary/v.gif); width: 12px; }
ul#glossary-index .glossary-w { background-image: url(img/glossary/w.gif); width: 17px; }
ul#glossary-index .glossary-x { background-image: url(img/glossary/x.gif); width: 13px; }
ul#glossary-index .glossary-y { background-image: url(img/glossary/y.gif); width: 12px; }
ul#glossary-index .glossary-z { background-image: url(img/glossary/z.gif); width: 12px; }

/* release (order now) */

body#body-order-now-page div.left-release
{
	float: left;
	width: 295px;
}

body#body-order-now-page div.right-release
{
	float: right;
	width: 295px;
}

body#body-order-now-page div.release-section
{
	background: url(img/release-separator.gif) no-repeat 20px 0;
	padding-top: 1px;
}

body#body-order-now-page div.first-release-section
{
	background: none;
	margin-top: -5px;
}

body#body-order-now-page div.release-section img
{
	float: left;
	height: 100px;
	padding: 10px 20px 10px 0;
	width: 75px;
}

body#body-order-now-page div.release-section h3
{
	padding: 6px 0 0;
	position: static;
}

body#body-order-now-page div.release-section p
{
	padding: 0;
}

body#body-order-now-page div.checkboxes
{
	float: left;
	padding: 3px 0 9px;
	width: 200px;
}

body#body-order-now-page div.single-checkbox
{
	padding: 1px 0 1px 1px;
}

body#body-order-now-page div.single-checkbox input
{
	top: -3px;
}

body#body-order-now-page div.reset-wrapper
{
	background: url(img/reset-separator.gif) no-repeat 20px 0;
	padding-bottom: 22px;
	padding-top: 11px;
}

body#body-order-now-page div.submit-wrapper
{
	background: url(img/submit-separator.gif) no-repeat 20px 9px;
	padding-bottom: 12px;
	padding-top: 17px;
}

body#body-order-now-page h3 span
{
	background: url(img/icon-info.gif) no-repeat;
	cursor: pointer;
	display: inline;
	margin-left: 10px;
	line-height: 15px;
	overflow: hidden;
	padding-right: 5px;
}

body#body-order-now-page div.release-section p.annotation
{
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	margin: 20px 0 0 25px;
	padding: 6px 10px 7px;
	position: absolute;
	width: 248px;
	z-index: 1;
}

/* error page */

body#body-error-page div.column ul.link-list
{
	margin-top: -3px;
	padding: 0 0 10px;
}

body#body-error-page div#content-wrapper-zone
{
	background: url(../../../_assets/error-visual.jpg) no-repeat;
	height: 250px;
	float: none;
	margin-bottom: -10px;
	width: auto;
}

body#body-error-page div#content-wrapper-zone div.h1
{
	width: 640px;
}

/* faq */

div.toc
{
	background: url(img/50-percent-e5effa.gif);
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 600px;
	margin: 8px 0 22px 20px;
	padding: 8px 10px 15px;
}

div.toc ul.link-list
{
	display: none;
	padding: 0 0 5px 11px;
}

div.toc div.expanded ul.link-list
{
	display: block;
}

div.toc h3
{
	padding: 8px 0 2px;
	position: static;
}

div.toc h3 a
{
	background: url(img/icon-collapsed.gif) no-repeat 0 4px;
	color: #000;
	padding-left: 11px;
}

div.toc div.expanded h3 a
{
	background: url(img/icon-expanded.gif) no-repeat 0 6px;
}


div.toc h3 a:focus,
div.toc h3 a:hover
{
	text-decoration: none;
}

/************************************************************/
/*START: products*/
div.teaser div.floating
{
	padding-right: 10px;
}

div#productfinder-wrapper.position div#productfinder
{
	top: 27px;
	left: 670px;
}

div#product-content-wrapper
{
	background: url(img/bg-gradient-ececed.gif) repeat-x;
}
/*END: products*/
/************************************************************/
/*START: Productfinder*/
div#productfinder-wrapper
{
	position: relative;
	z-index: 3;
}

div.section div#productfinder-wrapper
{
	padding: 0 0 18px;
	height: 110px;
}

div#productfinder
{
	width: 295px;
	position: absolute;
	z-index: 4;
	top: 4px;
	left: 0;
}

div#productfinder div.h2
{
	padding: 0 0 8px;
}

div#productfinder div.h2 h2
{
	font-size: 15px;
	color: #666;
	font-style: italic;
	font-weight: bold;
}

div#productfinder div.menu-content
{
	height: 253px;
	width: 295px;
	overflow: hidden;
	display: none;
}

div#productfinder div.last div.menu-content
{
	height: 253px;
}

div#productfinder div.menu-border
{
	background: #fff;
	border: none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 253px;
	width: 293px;
}

div#productfinder div.last div.menu-border
{
	border-bottom: 1px solid #ccc;
	height: 252px;
}

div#productfinder div.menu
{
	position: relative;
	overflow: hidden;
	z-index: 2;
	padding-bottom: 2px;
}

div#productfinder div.selected
{
	z-index: 1;
	background: transparent url(img/bg-selectbox-borders.gif) no-repeat bottom left;
}

div#productfinder div.last
{
	background: transparent;
}

div#productfinder div.trigger
{
	background: url(img/bg-productfinder.gif) no-repeat;
	width: 295px;
	cursor: pointer;
}

div#productfinder div.selected div.trigger
{
	background: url(img/bg-productfinder.gif) no-repeat 0 -18px;
}

div#productfinder div.trigger p
{
	font-size: 11px;
	line-height: 15px;
	padding: 1px 0 2px 5px;
}

div#productfinder div.menu-wrapper
{
	height: 244px;
	margin: 0 0 8px 0;
	overflow: hidden;
	position: relative;
}

div#productfinder div.last div.menu-wrapper
{
	height: 243px;
}

div#productfinder div.menu-wrapper ul.menu
{
	padding: 7px 26px 0 9px;
	position: relative;
}

div#productfinder div.menu-content ul.menu li
{
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 5px;
}

div#productfinder div.menu-content ul.menu a
{
	color: #000;
}

div#productfinder div.menu-content ul.menu li.selected a,
div#productfinder div.menu-content ul.menu a:hover
{
	color: #06c;
}

div#productfinder div.menu-content div.slider
{
	display: none;
	background: #ccc;
	height: 236px;
	position: absolute;
	right: 5px;
	top: 28px;
	width: 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}

div#productfinder div.menu-content div.handle
{
	background: #000;
	height: 0; /* set by js */
	position: absolute;
	left: -5px;
	top: 0;
	width: 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
/*END: Productfinder*/
/************************************************************/
/*START: Productlist*/
div.product-list-wrapper
{
	width: 945px;	
}

div.product-list-wrapper div.tab-nav-content div.column
{
	padding-top: 13px;
}

div.product-list-wrapper div.tab-nav-content div.broad-column
{
	width: 620px;
	padding-top: 0;
}
/*END: Productlist*/
/************************************************************/
/*START: tab-nav*/
div.tab-nav-zone
{
	clear: left;
	padding: 6px 0 12px;
	margin: 0 0 0 20px;
}

div.tab-nav-content
{
	padding: 7px 0 0;
	border-bottom: 1px solid #ccc;
}

div.noborder
{
	border: none;
}

div.tab-nav-content div.section
{
	padding: 0;
}

ul.tab-nav
{
	height: 23px;
	border-bottom: 1px solid #cccccc;
	padding: 0 !important;
}

ul.tab-nav li
{
	float: left;
	height: 18px;
	margin: 0 3px 0 0;
	font-size: 0;
	line-height: 0;
	background: url(img/tab-nav-li.gif) right top;
	padding: 0 !important;
}

ul.tab-nav li.active
{
	background: url(img/tab-nav-li-active.gif) right top;
}

ul.tab-nav a
{
	display: block;
	float: left;
	height: 16px;
	padding: 2px 5px 0;
	font-size: 11px;
	line-height: 13px;
	background: url(img/tab-nav-li-a.gif) no-repeat left top;
	color: #000 !important;
}

ul.tab-nav a:hover,
ul.tab-nav a:focus
{
	text-decoration: none !important;
}
/*END: tab-nav*/
/************************************************************/
/*START: product-list*/
dl.product-list
{
	width: 550px;
	padding: 8px 0 0 !important;
}

dl.product-list dt,
dl.product-list dd
{
	font-size: 0;
	line-height: 0;
	padding: 0;
	font-weight: normal !important;
}

dl.product-list dt
{
	padding: 2px 0 4px;
}

dl.product-list dt a.handler-external
{
	font-size: 11px;
	line-height: 13px;
	color: #06c;
	background: url(img/icon-external-link.gif) no-repeat 0 1px;
	padding-left: 18px;
}

dl.product-list dt a.handler
{
	font-size: 11px;
	line-height: 13px;
	color: #06c;
	background: url(img/icon-internal-link.gif) no-repeat 0 5px;
	padding-left: 11px;
}

dl.product-list dd
{
	border-bottom: 1px solid #ccc;
}

dl.product-list div.section
{
	display: none;
	padding: 6px 0 0 12px;
}

dl.product-list div.section div.img-column,
dl.product-list div.section div.column
{
	float: left;
	padding: 0 0 1px;
}

dl.product-list div.section div.img-column
{
	padding: 7px 0 12px;
}

dl.product-list div.has-landscape div.img-column
{
	width: 120px;
}

dl.product-list div.has-portrait div.img-column
{
	width: 95px;
}

dl.product-list div.column
{
	width: 537px;
}

dl.product-list div.has-landscape div.column
{
	width: 408px;
}

dl.product-list div.has-portrait div.column
{
	width: 430px;
}

dl.product-list div.img-column p
{
	font-size: 11px;
	line-height: 15px;
	padding: 6px 0 0;
}

dl.product-list div.section h4
{
	font-size: 11px;
	line-height: 15px;
}

dl.product-list div.section div.column p
{
	padding: 3px 0 11px;
}

dl.product-list div.section a.internal
{
	color: #06c;
}
/*END: product-list*/
/************************************************************/
/*START: highlighted box*/
div.highlighted-box-wrapper
{
	padding-top: 14px;
	width: 550px;
}

div.highlighted-box-wrapper div.h2,
div.highlighted-box-wrapper p
{
	padding-right: 0 !important;
}

div.highlighted-box-wrapper div.highlighted-box
{
	border-top: 1px solid #ccc;
	background: #e5effa;
	padding: 7px 10px 1px;
}

div.worldwide div.highlighted-box
{
	min-height: 195px;
	background: url(img/bg-world-e5effa.gif) no-repeat #e5effa;
}

div.worldwide div.worldwide-select
{
	float: left;
	width: 295px;
	padding: 103px 0 0;
}

div.worldwide div.worldwide-select select
{
	font-size: 11px;
	width: 230px;
	margin: 0 0 0 30px;
}

div.worldwide div.wolrdwide-content
{
	float: right;
	width: 225px;
}
/*END: highlighted box*/
/************************************************************/
/*START: interactive image*/
div.interactive-image
{
	position: relative;
	width: 640px;
	height: 350px;
	padding: 8px 0 12px;
}

div.interactive-image div.hint
{
	display: none;
	width: 228px;
	min-height: 1px;
	position: absolute;
	left: 200px;
	top: 150px;
	overflow: hidden;
	z-index: 2;
}

div.interactive-image div.hint-bg
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity=30);
	z-index: -1;
}

div.interactive-image div.hint p
{
	padding: 2px 5px 8px 10px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

div.interactive-image div.image img
{
	visibility: visible;
}

div.interactive-image div.over img
{
	visibility: hidden;
}

div.interactive-image img.hover-image
{
	position: absolute;
	display: none;
}

div.interactive-image div.hover-triggers
{
	position: absolute;
	top: 0;
	z-index: 300;
}

div.interactive-image a.hover-trigger
{
	height: 350px;
	position: absolute;
	z-index: 1000;
	top: 8px;
	display: block;
	cursor: pointer;
	background: transparent url(img/trans.gif) repeat 0 0;
}

div.interactive-image a.hover-trigger:hover
{
	text-decoration: none;
}

/*END: interactive image*/
/************************************************************/
/*START: tooltips */

div#tooltip
{
	position: absolute;
	z-index: 3000;
	background-color: #eee;
	width: 132px;
	padding: 5px 9px;
	opacity: 0.85;
}

div#tooltip div.body,
div#tooltip h3
{	
	font-size: 11px;
	line-height: 16px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

div#tooltip h3
{	
	font-weight: bold;
}

/*END: tooltips*/
/************************************************************/