/**** FORM DEFS ****/

/* buttons */
button[type="button"], button[type="reset"], button[type="submit"], input[type="reset"], input[type="submit"], input[type="button"] {
	background:white url(/r/images/solutionsplus/button_gradient.png) repeat-x;
	border: 1px solid #e3e3e3;
	color: #424242;
	padding: 3px 3px;
	margin: 3px;
	font: bold 9pt/1em Arial, Helvetica, sans-serif;
	cursor: pointer;
}

button[type="button"].btnNoMargin, button[type="reset"].btnNoMargin, button[type="submit"].btnNoMargin, input[type="reset"].btnNoMargin, input[type="submit"].btnNoMargin, input[type="button"].btnNoMargin {
	background:white url(/r/images/solutionsplus/button_gradient.png) repeat-x;
	border: 1px solid #e3e3e3;
	color: #424242;
	padding: 3px 3px;
	margin: 3px 0 3px 3px;
	font: bold 9pt/1em Arial, Helvetica, sans-serif;
}

button[type="button"].btnBig, button[type="reset"].btnBig, button[type="submit"].btnBig, input[type="reset"].btnBig, input[type="submit"].btnBig, input[type="button"].btnBig {
	background:white url(/r/images/solutionsplus/button_gradient_big.png) repeat-x;
	border: none;
	color: #424242;
	margin: 0px;
	padding: 6px 15px;
	cursor: pointer;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	font: bold 11pt/1.2em Arial, Helvetica, sans-serif;	
}

/* buttons */
button[type="button"].btnBigOrange, button[type="reset"].btnBigOrange, button[type="submit"].btnBigOrange, input[type="reset"].btnBigOrange, input[type="submit"].btnBigOrange, input[type="button"].btnBigOrange {
	background:white url(/r/images/solutionsplus/button_gradient_orange.png) repeat-x;
	border: 1px solid #e3e3e3;
	color: #424242;
	padding: 8px 6px;
	margin: 3px;
	font: bold 11pt/1em Arial, Helvetica, sans-serif;
}

/* input fields */
input[type="text"], input[type="password"] {
	background:white url(/r/images/solutionsplus/input_gradient.gif) repeat-x;
	border-top: none;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 3px;
	margin: 3px;
	font: normal normal normal 9pt Arial, Helvetica, sans-serif;
	color: #424242;
	vertical-align: bottom;
	height: 1.2em;
}

select {
	background:white url(/r/images/solutionsplus/input_gradient.gif) repeat-x;
	border-top: none;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 3px;
	margin: 3px;
	font: normal normal normal 9pt Arial, Helvetica, sans-serif;
	color: #424242;
	vertical-align: bottom;
}

/* textarea inputfield  - Firefox, IE */
textarea, textarea[type="textarea"] {
	background:white url(/r/images/solutionsplus/textarea_gradient.gif) repeat-x;
	border-top: none;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 3px;
	margin: 3px;
	font: normal 9pt Arial, Helvetica, sans-serif;
	color: #424242;
	height: 1.2em;
}

input[type="text"]:disabled {
	border: 1px solid #d7d7d7;
	background: #f7f7f7;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0 1px;
	margin: 2px;
	font: bold 9pt/1em Arial, Helvetica, sans-serif;
}


/** orange fake button **/
div.orangeButton{	
	margin-bottom:20px;
}
div.orangeButton a {	
	background: url("/r/images/solutionsplus/button_gradient_orange.png") repeat-x scroll 0 0 white;
	height: 40px;
	padding: 10px 10px;	
	font: 11pt/1em Arial, Helvetica, sans-serif;
	border: 1px solid #E3E3E3;
	font-weight: bold;
	color: #000000;			
}
div.orangeButton a:hover {
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
}
div.orangeButton a:visited {
	color: #000000;
	text-decoration: none;
}

 
/*** FAKE SELECTBOXES ***/
div.selectBox {
	height: 210px;
	overflow: auto;
	padding: 10px 0;
	border: 1px solid #E5E5E5;
	width: 180px;
	margin-right: 15px;
}
a.selectItem {
	padding: 3px 5px;
	display: block;
}
a.selectItem:link, a.selectItem:visited {
	color: #424242;
}
div.selectBox a.selected {
	background: #818286;
	color: white;
}

div.divButton {
	background:white url('/r/images/solutionsplus/button_gradient.png') repeat-x scroll 0 0;
	border: 1px solid #E3E3E3;
	height: 23px;
	color: #424242;
	font: bold 9pt/1em Arial,Helvetica,sans-serif;
	cursor: pointer;
	padding: 0 6px 0 0;
}

div.divButtonValue {
	background: url('/r/images/prettyphoto/leftsmall.png') no-repeat; 
	padding: 2px 0 0 22px;
	margin: 4px 0 0 3px;
	height: 23px;
}
/** form structures **/

/* form "group" */
.divWithFieldset {
	padding:5px;
	background: #f5f5f5;
}	 

/* form "group" */
form fieldset {
	padding: 5px;
	margin: 0 0 5px 0;
	border: none;
	background: #f5f5f5;
}

/* "group" description */
form legend {
	font: normal normal bold 9pt/1.3em Arial, Helvetica, sans-serif;
	color: #414042;
	padding-bottom: 5px;
	border: none;

}

/* labels for formfields */
form label {
	display: block;
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
	color: #404040;
	padding: 4px 3px 5px 3px;
	margin: 3px;
}

form fieldset ul {
	margin: 0;
	padding: 0;
}

form fieldset li {
	list-style: none;
	padding: 5px 0 5px 0;
	margin: 0;
}

/** summery table with white borders
	:root is a hack especially for firefox
**/
:root table.summaryTable {
	margin-top:15px;
	empty-cells: show;
	width: 100%;
	margin-left: auto;
	border-spacing: 10px;
	border-collapse: separate;
}

table.summaryTable {
	margin-top:15px;
	empty-cells: show;
	width: 100%;
	margin-left: auto;
}

table.summaryTable td {
	padding: 0 0 0 5px;
	border: 1px solid #ffffff;
}

/** register / account **/

table.accountTable td.atLabel {
	width: 125px;
}

table.accountTable td.atLabelLong {
	padding: 0;
	margin: 0;
	width: 270px;
}

table.accountTable td.atValue {
	width: 145px;
	padding: 0 35px 0 0;
	margin: 0;
}

.rich-list-item {
	line-height: 1.5em;
}

/*** RICHFACES CALENDAR ***/
.rich-calendar-tool, .rich-calendar-month, .rich-calendar-tool-btn {
}

.rich-calendar-exterior {
}

.rich-calendar-header {
}

.rich-calendar-days {
	color: #414141;
}

.rich-calendar-hover {
	background: #ffffff;
}

.rich-calendar-btn-hover {
	background: #dcddde;
}

.rich-calendar-select {
	background: #ffffff;
	color: #414141;
}

.rich-calendar-holly {
	background: #ffffff;
	color: #414141;
}

.rich-calendar-editor-btn-over {
	background: #dcddde;
	color: #414141;
}

.rich-calendar-editor-btn-selected {
	background: #dcddde;
	color: #414141;
}

/**** TABLES ****/

/* table for the backlink (fake breadcrumbs) in the product/accessory details */
div.backLink {
	height: 25px;
	text-align: center;
	background: url("/r/images/solutionsplus/button_gradient.png") repeat-x scroll 0 0 white;
	border: 1px solid #E3E3E3;
}

div.backLink a {
	color: #000000;
	font: 9pt/1em Arial, Helvetica, sans-serif;
}

div.backLink div {
	height: 20px;
	padding-top: 5px;
	cursor: pointer;
}

div.backLink div img {
	padding-right: 5px;
}

div.backLinkHQ {
	height: 20px;
	text-align: center;
	background: url("/r/images/solutionsplus/button_gradient.png") repeat-x scroll 0 0 white;
	border: 1px solid #E3E3E3;
}

/*special format for backlink in news articles*/
div.backLink span {	
	display: block;
	height: 20px;
	padding-top: 5px;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;	
}

div.backLink span img {	
	padding-right: 5px;
}

/* table defs for table design
in SP (bonus programme) and edumodel-registration 
*/
table.loyaltyTable {
	border: none;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

td.loyaltyHead, table.loyaltyTable td.loyaltyHead {
	background: #808185;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	vertical-align: middle;
	text-align: right;
}

table.loyaltyTable td {
	background: #f5f5f5;
	color: #818181;
	border: 1px solid #ffffff;
	padding: 4px 10px;
	text-align: right;
}

td.loyaltyStandard {
	background: #f5f5f5;
	color: #818181;
	border: 1px solid #ffffff;
	padding: 4px 10px;
}

td.loyaltyHighlight, table.loyaltyTable td.loyaltyHighlight {
	background: #d6efd5;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	text-align: right;
}

td.loyaltyPending, table.loyaltyTable td.loyaltyPending {
	background: #f7bab9;
	padding: 4px 10px;
	border: 1px solid #ffffff;
	text-align: right;
}

/* table for texts in page footer (imprint, copyright, etc) */
table.footerTexts {
	width: 100%;
	padding: 0 20px 0 20px;
	margin: 10px 0 0 0;
	border: none;
}

td.footerText {
	font: normal normal normal 8pt/10pt Arial, Helvetica;
	color: #3b3b3b;
}

td.footerTextlinks {
	text-align: right;
	font: normal normal normal 8pt/10pt Arial, Helvetica;
}

/* simple table with light grey border, used as fallback style for downloadsWithStyleDetails */
table.plainSimpleBorder {
	border: 1px solid #e6e7e9;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.plainSimpleBorder td {
	border: 1px solid #e6e7e9;
	margin: 2px;
	padding: 4px;
}

/* table for product downloads */
table.productDownloadsTable {
	border: none;
	border-collapse: collapse;
}

td.productDownloadsLeft {
	border: none;
	margin: auto;
	padding: 4px;
}

td.productDownloadsLeft img {
	margin: auto;
}

td.productDownloadsRight {
	border: none;
	padding: 0 0 0 10px;
	margin: auto;
	color: #414141;
	width: 90%;
	padding-bottom: 20px;
}

td.productDownloadsDL {
	margin: auto;
	white-space: nowrap;
}

/* table def for left table in a 2 column layout (downloads, articles, etc) */
table.twoColumnsLeft {
	border: 0;
	padding: 0;
	margin: 0 30px 0 0;
}

/* table def for right table in a 2 column layout (downloads, articles, etc) */
table.twoColumnsRight {
	border: 0;
	padding: 0;
	margin: 0 0 0 30px;
}

/* table styles for articles */
td.articlesLeft {
	border: none;
	margin: 0;
	padding: 0 0 20px 0; 
	width: 140px;
	text-align: center;
}

td.articlesLeft img {
	margin: 0 auto;
	padding: 0;
}

td.articlesRight {
	border: none;
	padding: 0 0 20px 20px;
	margin: 0;
	color: #414141;
	vertical-align: middle
	/*width: 87%;*/
}

td.downloadsLeft {
	border: none;
	margin: 0;
	padding: 0 0 20px 0; 
	width: 140px;
	text-align: center;
}

td.downloadsLeft img {
	margin: 0 auto;
	padding: 0;
}

td.downloadsRight {
	border: none;
	padding: 0 0 20px 5px;
	margin: 0;
	color: #414141;
	vertical-align: middle;
	/*width: 87%;*/
}

td.articlesProductsLeft {
	border: none;
	margin: auto;
	padding: 4px;
	padding-bottom: 30px; /* distance between articles @ subpage products */
}

td.articlesProductsRight {
	border: none;
	padding: 0 0 0 10px;
	margin: auto;
	color: #414141;
	width: 90%;
	padding-bottom: 30px; /* distance between articles @ subpage products */
}

td.jobsLeft, td.newsLeft {
	vertical-align: top;
	padding: 0 30px 0 0;
	width: 80px;
}
td.jobsRight, td.newsRight {
	vertical-align: top;
	padding-bottom: 30px;
}

/* table styles for distributors */
table.distributorsTable {
	border: none;
	border-collapse: collapse;
}

td.distributorsLeft {
	border: none;
	margin: auto;
	padding: 4px;
	padding-bottom: 15px; /* distance between distributors */
}
td.distributorsLeftTop {
	border: none;
	margin: auto;
	padding: 4px;
	vertical-align: top;
	padding-bottom: 15px; /* distance between distributors */
}

td.distributorsRight {
	border: none;
	padding: 0 0 0 30px;
	margin: auto;
	color: #414141;
	width: 90%;
	padding-bottom: 15px; /* distance between distributors */
}


/***** RICHFACES TABS *****/
/**
*	tab header look is actually a line with a marker beneath the currently selected "tab" (see country start page or support/FAQ for ref) 	
**/

/* cell surrounding tabhdr */
.rich-tab-bottom-line {
	padding: 0;
	margin: 0;
	border: none;
	background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) repeat-x bottom;
}

/* no images inside bottom-line, if we want borders we set them ourselves */
.rich-tab-bottom-line img {
	display: none;
}

/* Defines styles for an internal element of an active header */
.rich-tabhdr-cell-active {
	border: none;
	background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) repeat-x bottom;
}

/* Defines styles for an internal element of an inactive label */
.rich-tabhdr-cell-inactive {
	border: none;
	background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) repeat-x bottom;
}

/* Defines styles for an internal element of a disabled label  */
.rich-tabhdr-cell-disabled {
	border: none;
	background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) repeat-x bottom;
}

/* respective inner cells in tabhdr */
.rich-tab-active {
	color: #0000ee;
	font-weight: bold;
	margin: 0;
	padding: 8px;
	border: none;
	background: url(/r/images/solutionsplus/content/inpage_nav/bg_open_white.png) no-repeat bottom;
}

/* this is for hover effect */
.rich-tab-inactive:hover {
	color: #0000ee;
	font-weight: bold;
	margin: 0;
	padding: 7px;
	border: none;
	background: none;
	cursor:pointer;
}

.rich-tab-inactive {
	color: #808285;
	font-weight: bold;
	margin: 0;
	padding: 7px;
	border: none;
	background: none;
	/*background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) no-repeat bottom;*/
}

.rich-tab-disabled {
	margin: 0;
	padding: 7px 0 0 0;
	height: 23px;
	border: none;
	background: none;
	color: #808285;
	/*background: url(/r/images/solutionsplus/content/inpage_nav/bg_plain.png) no-repeat bottom;*/
}


/* Defines styles for all tabPanel */
.rich-tabpanel {
	border: none;
}

/* Defines styles for an internal content */
.rich-tabpanel-content {
	border: none;
}

/* Defines styles for a wrapper element of a tabPanel content. It should define a shift equal to borders width in order to overlap panel tabs */
.rich-tabpanel-content-position {
}

/* Defines styles for side elements of a tabPanel header */
.rich-tabhdr-side-border {
	border: none;
}

/* Defines styles for a header internal element */
.rich-tabhdr-side-cell {
	border: none;
}

/* Forms in IE have an ugly margin */
form.dataTable {
	margin: 0;
}

/* RICHFACES ELEMENTS */

/* RICHFACES TABLE */


/* dataTable header cell */
.rich-table-subheadercell {
	height: 30px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: none;
	padding: 3px;
	color: #88898b;
	text-align: center;
	font: normal normal normal 9pt/15pt Arial, Helvetica, sans-serif;
	background: #eeeeee url(/r/images/body/tables/thead_bg.png) repeat-x top left;
}

.productTable {
	width: 100%;
	border: 1px solid #dddddd;
}

.productTableCompact {
	border: 1px solid #dddddd;
}

.rich-table-subheader {
	
}

/* outermost dataTable */
/*
.rich-table {
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
}
*/
.rich-table > thead {
	border: none;
}

/* each cell in a dataTable - try to set a height separately */
.rich-table-cell {
	border: none;
	vertical-align: middle;
	font-size: 9pt;
	padding: 0 5px;
	color: #717171;
}

.rich-table-cell .tipImage {
	vertical-align: middle;
	padding-right: 3px;
}

/* cell with model indication */
.modelName {
	font-weight: bold;
}
/* remove borders from rich-table stuff */
.rich-table-header .rich-table {
	border: none;
	border-collapse: collapse;
}

.tableThumbTextNoBorders  {
	background: transparent;
	border: none;
	border-collapse: collapse; 
}


.tableThumbTextNoBorders td.plainThumbCell {
	border: none;
	margin: 0;
	padding: 5px;
	width: 80px;
}

.tableThumbTextNoBorders td.plainThumbCell img {
	margin: auto;
}

.tableThumbTextNoBorders td.plainTextCell {
	border: none;
	margin: 0;
	padding: 0 0 0 15px;
	text-align: left;
	vertical-align: middle;
}



/* RICHFACES DATAGRID*/

/** Special alignment for Datagrid */
table.horizontalGrid {
	margin-top: 10px;
}

table.horizontalGrid td.rich-table-cell {
	vertical-align: top;
	padding-left: 0;
	padding-right: 21px;
	padding-bottom: 25px;
	width: 150px;
}

table.horizontalGrid img {
	padding-bottom: 5px;
}

/** Special vertival alignment for Datagrids */
td.valignTopGridColumn {
	vertical-align: top;	
}

/* RICHFACES TOOLTIP */

/* outermost tooltip class */
.rich-tool-tip {
	background: transparent;
	border: 0;
}

/* would be overwritten by alternating row colors */
.overlayBoxContent td {
	background: white !important;
}


/* RICHFACES PANEL */

/* outermost panel class */
.rich-panel {
	border: 1px solid #414042;
	background: transparent;
	padding: 0;
}

/* panel content */
.rich-panel-body {
	margin: 0;
	padding: 0;
}

.rich-panel-header {
	padding: 5px 5px 0;
	/*background: transparent url(/r/images/body/tabs/tab_closed.png) repeat-x scroll center top;*/
	border: 0;
}

/* RICHFACES TOGGLEPANEL */

.rich-stglpanel {
	border: none;
	margin: 5px 0 1px 0;
	clear: right;
}

.rich-stglpanel-header {
	background: #f5f5f5;
	border: none;
	padding: 0 0 0 10px;
	font: normal normal bold 9pt/15pt Arial, Helvetica, sans-serif;
	color: #808183;
}

.rich-stglpanel-body {
	overflow:visible;
	border: none;
	padding: 0px;
	font: normal normal normal 9pt/15pt Arial, Helvetica, sans-serif;
	color: #414042;
}


/* RICHFACES TOOLBAR */

.rich-toolbar {
	background: none;
	border: none;
}

.rich-toolbar-item {
	padding: 2px;
}



/**
##########################################################################################

Part of Tables

##########################################################################################
**/

/* BASICS */

/* default table without borders, padding or margins */
table {
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.fullWidth {
	border: none;
	padding: 0;
	margin: 0;
}

table.productTable {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

table.productTable th {
	height: 30px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 3px;
	color: #88898B;
	text-align: center;
	background: #EEE url(/r/images/body/tables/thead_bg.png) repeat-x top left;
	font-weight: normal;
}

table.productTableCompact {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-spacing: 5px;
}

table.searchResultTable {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width: 75%;
}

thead, tr, td {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: none;
}

table thead td, table thead th {
	height: 40px;
	border-left: 1px solid #d2d5da;
	padding: 5px 15px 0 15px;
	color: #70707a;
	text-align: left;
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
	background: url(/r/images/body/tables/thead_bg.png) repeat-x top left;
}

/* very simple td style - uses e.g rich:dataGrid */
table td.simple {
	border:none;
	vertical-align: middle;
	width:50%;
}
/* very simple td style - uses e.g rich:dataGrid but align top*/
table td.simpleTop {
	border:none;
	vertical-align: top;
	width:50%;
}

.rich-table-cell {
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
}

table tr.uneven td, table tr.even td {
	height: 80px;
	padding: 0 5px 0 5px;
	border-left: 1px solid #dddddd;
	vertical-align: middle;
	color: #414141;
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
}

table tr.even td {
	background: #f8f8f8;
}

table tr.even td.modelName, table tr.uneven td.modelName {
	color: #0000ee;
	white-space: nowrap;
	vertical-align: middle;
}


/* clear fix height and borders for children tables (rich-tables from CM) */
table tr.uneven td table td, table tr.even td table td {
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
}

table tr.even td.thumbNail, table tr.uneven td.thumbNail {
	color: #0000ee;
	background: #FFFFFF;
	vertical-align: middle;
	padding: 0;
	text-align: center;
}

table tr.even td.description, table tr.uneven td.description {
	padding-top: 16px;
	padding-bottom: 16px;
}

table tr.even td.priceColumn, table tr.uneven td.priceColumn {
	text-align: right;
	white-space: nowrap;
}

.width10 {
	width: 10%;
}

.width15 {
	width: 15%;
}


/*************** EVEN, UNEVEN small ****************/

table tr.unevenSmall td, table tr.evenSmall td {
	height: 30px;
	padding: 0 5px 0 5px;
	border-left: 1px solid #e5e5e5;
	vertical-align: middle;
	color: #717171;
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
}

table tr.evenSmall td {
	background: #f8f8f8;
}

table tr.evenSmall td.modelName, table tr.unevenSmall td.modelName {
	color: #0000ee;
	white-space: nowrap;
	vertical-align: middle;
}

table tr.evenSmall td.description, table tr.unevenSmall td.description {
	padding-top: 16px;
	padding-bottom: 16px;
}

/*************** EVEN, UNEVEN xsmall ****************/

table tr.unevenXSmall td, table tr.evenXSmall td {
	height: 20px;
	padding: 0 5px 0 5px;
	border-left: 1px solid #e5e5e5;
	vertical-align: middle;
	color: #717171;
	font: normal normal normal 9pt/1.3em Arial, Helvetica, sans-serif;
}

table tr.evenXSmall td {
	background: #f8f8f8;
}

table tr.evenXSmall td.modelName, table tr.unevenXSmall td.modelName {
	color: #0000ee;
	white-space: nowrap;
	vertical-align: middle;
}

table tr.evenXSmall td.description, table tr.unevenXSmall td.description {
	padding-top: 12px;
	padding-bottom: 12px;
}

/*************** quickDetails ****************/

td.priceColumn {
	text-align: right;
	white-space: nowrap;
}

td.rightAlign {
	text-align: right;
}

td.leftAlign {
	text-align: left;
}

td.centerAlign {
	text-align: center;
}

img.productThumb {
	border: 1px solid #ebecf0;
	vertical-align: top;
	margin: 0 0 10px 0;
	padding: 0;
}

div.quickDetails {
	margin: 0 190px 0 0;
	padding: 0;
}

table.details {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: none;
}

table.details thead, tr, td {
	vertical-align: top;
	border: none;
}

table.details td.quickDetailsLabel {
	padding: 2px 25px 2px 0;
	color: #3b3b3b;
	font: normal normal normal 8pt Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

table.details td.quickDetailsValue {
	padding: 2px 0 2px 0;
	color: #3b3b3b;
	font: normal normal normal 8pt Arial, Helvetica, sans-serif;
	text-align: right;
}

table.details td.quickDetailsUnit {
	padding: 2px 0 2px 5px;
	color: #3b3b3b;
	font: normal normal normal 8pt Arial, Helvetica, sans-serif;
	text-align: right;
}

table.spec {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.spec tr.rowEven {
	background: #f5f5f5;
}

table.spec tr.rowUneven {
	background: none;
}

table.spec td.detailsLabel {
	width: 220px;
	padding: 3px 5px 3px 30px;
	color: #3b3b3b;
	font: normal normal bold 9pt/1.5em Arial, Helvetica, sans-serif;
	/* white-space: nowrap; */
	border-bottom: 1px solid #F5F5F5;
}

table.spec td.detailsLabelLastRow {
	width: 220px;
	padding: 3px 5px 5px 30px;
	color: #3b3b3b;
	font: normal normal bold 9pt/1.5em Arial, Helvetica, sans-serif;
	/* white-space: nowrap; */
}

table.spec td.detailsValue {
	padding: 3px 0px 3px 5px;
	color: #656565;
	font: normal normal normal 9pt/1.5em Arial, Helvetica, sans-serif;
	text-align: left;
	border-bottom: 1px solid #F5F5F5;
}

table.spec td.detailsValueLastRow {
	padding: 3px 0px 5px 5px;
	color: #656565;
	font: normal normal normal 9pt/1.5em Arial, Helvetica, sans-serif;
	text-align: left;
}

/* styles for the button whoch opens or close the all 
   simmpleTogglePanels (looks like the back button)
*/
table.toggleButton td.toggleStatus {
	white-space: nowrap;
	padding:6px 10px 0 10px;
	text-align:right;
	}
	
table.toggleButton td.toggleStatusImg {
	padding:3px 3px 0 0;
	}
		

span.unit {
	white-space: nowrap;
}

/* gallery */

.galleryTabTable {
	border-collapse: collapse;
	border: none;
	width: 99%;
}

.galleryTabContent {
	background:#FFFFFF url(/r/images/forms/input_bg.png) repeat-x scroll center top;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	border-right:1px solid #D0D0D0;
	line-height:50px;
	padding:10px 10px;
	text-align:left;
}

.thumbLinkSpan a, .thumbLinkSpanActive a {
	font-family: Arial,Helvetica,sans-serif;
	color: #0000EE;
}

/* outer wrapper for thumbnail + linktext blocks
*  has to be <p> to have the thumbnail view scalable
*/
p.thumbWrapper {
	display: inline;
	margin: 5px 5px 5px 0;
}

/* span inside thumbWrapper, use for unselected thumbnail */
span.thumbContentWrapper {
	display: inline-block;
	border: 1px solid #fff;
	text-align: center;
	width: 140px;
}

/* span inside thumbWrapper, use for selected thumbnail */
span.thumbContentWrapperActive {
	display: inline-block;
	border: 1px solid #e6e6e6;
	text-align: center;
	width: 140px;
}
span.thumbContentWrapperActiveDownload {
	display: inline-block;
	text-align: center;
	width: 152px;
	margin-bottom: 10px;
}

/* span for thumbnail image inside thumbContentWrapper, images inside have to be max 96px wide / high */
span.thumbImageSpan {
	display: block;
	height: 90px;
	line-height: 90px;
	text-align: center;
	padding-top: 5px;
}

/* span for linktexts inside thumbContentWrapper, use for unselected thumbnail */
span.thumbLinkSpan {
	display: block;
	border-top: 1px solid #e6e6e6;
	background: #f8f8f8;
	padding: 5px;
	font: normal normal normal 8pt/1.3em Arial, Helvetica, sans-serif;
}

/* "main cell" */
td.downloadName {
	width: 70%;
	padding: 0 0 0 10px;
	margin: 0;
	vertical-align:middle;
	border-left: 1px solid #E4E5E9;
	border-right: 1px solid #E4E5E9;
	border-bottom: 1px solid #E4E5E9;
}

td.fileSize {
	width: 15%;
	padding: 0 0 0 5px;
	vertical-align:middle;
	border-bottom: 1px solid #E4E5E9;
}

/* END download tables */

/* tooltip stuff */
img.toggleAjaxPrototip {
  cursor: pointer;
}

img.toggleAjaxPrototip {
  cursor: pointer;
}

img.close {
  cursor: pointer;
}

/* Image Galleries */
table.imageGallery {
	border: none;
	width: 700px;
}
table.imageGallery td.thumbImageSpan {
	border-left: none;
	text-align: center;
	vertical-align: top;
	width: 152px;
}
table.imageGallery td.rich-table-cell {
	border: none;
	width: 152px;
	vertical-align: top;
	padding-bottom: 10px;
}
table.imageGallery p.thumbWrapper {
	margin: 0 5px 5px 0;
	display: block;
}
table.imageGallery tr.rich-table-footer {
	background-color: white;
}
table.imageGallery td.rich-table-footercell {
	border-right: none;
	border-bottom: none;
}
table.imageGallery td.rich-datascr-button {
	background-color: #f0f0f0;
	color: #0000ee;
	border: none;
}

table.imageGallery td.rich-datascr-button-dsbld {
	background-color: #f0f0f0;
	color: #000000;
	border: none;
}

table.imageGallery table.rich-dtascroller-table {
	border: none;
}
table.imageGallery span.thumbImageSpan {
	height: 100px;
	line-height: 100px;
}

.gallery_download_icon img {
	padding-top: 3px;
}

.gallery_download_text {
	padding-left: 8px;
	padding-right: 15px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
/* END Image Galleries */

/* Image Galleries Overview */
table.galleryOverview {
	border: none;
	width: 700px;
	margin: 0 auto;
}
table.galleryOverview td {
	border: none;
}
/* END Image Galleries Overview */

/* product image hover effect */
span.hoverBox {
	position: relative;
	height: 180px;
	display: inline-block;
}
span.hoverBox img.overlayIcon {
	position: absolute; left: 0; top: 0;
}
span.hoverBox img.hoverIcon {
	visibility: hidden;
}
span.hoverBox:hover img.hoverIcon {
	visibility: visible;
}
/* END product image hover effect */

/* Tables with "full size" width and no spacings at all (e.g. support home) */

.fullSize {
	width: 98%;
}

.spacingLess {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

div.listingRightDivNoBorder {
	background: #ffffff;
	padding: 6px;
	/* margin: 0 0 0 16px; a try */
	min-height: 52px;		/* bugfix by TB (blame me): minimum height must be 64px - 2*6px pad = 52)  */
}

/** hidden div used to create tooltip content */
div.tooltipContent {
	visibility:hidden;
	height:0px;
	display:none;
}

/** div used to display the red bar at the top of the website if you are on a preview or develop server */
div.serverInfo {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:red;
	z-index: 1000;
}

div.serverInfo p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	color: white;
}

/** styles for display / accessory advisor **/
div.advisorPanelContent {
	padding: 0 10px;
}

table.advisorTable {
	border-collapse: collapse;
	margin: 0 40px;
}

td.filterSidebar {
	width: 200px;
}

td.advisorContent {
	padding: 0 40px;
}


/* */
div.fullWidth {
	width:100%;
}

div.pbody {
	background: url(/r/images/interface/displayAdvisor_bg.png) no-repeat;
	border: 0;
	height: 239px;
	width: 185px;
	margin-bottom: 10px;
}

div.pbody div {
	padding: 10px;
	height: 219px;
	position: relative;
	text-align: center;
}

span.advisorPrice {
	position: absolute; 
	bottom: 5px; 
	text-align: center; 
	width: 164px; 
	left: 10px;
}

span.advisorText {
	left: 2px;
	top: 135px;
	position: absolute;
	width: 181px;
}

span.greyOut {
	background: url(/r/images/icons/transparent.png);
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 12;
	text-align: center;
	left: 0;
	top: 0;
}