/* ----- tag-level settings ----- */


*
{
	font-family: Verdana, Arial;
	color: #666666;
	padding: 0;
	font-size: 11px;
}


/* magic for centering the whole layout - combined with #wrapper - BUDD136 */
body
{
	text-align: center;
	xmin-width: 940px;		/* disables - causes broken layout on offers IFRAME on IE 7 */
	background-color: #eeeeee;
	background-image: url(/img/body-background.jpg);	/* shadows left and right of content div */
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5, p, div, input
{
	color: #666666;
	font-size: 9pt;
}


h2
{
	font-size: 12px;
	/* color: red; */
}




p
{
	line-height: 14pt;
	text-align: justify;
	font-size: 11px;
}


img, form
{
	padding: 0;
	margin: 0;
	border: 0;
}


/* h1 - used for main headline of page */
h1
{
	color: #00377b	margin-top: 8px;
	text-indent: 8px;
	font-size: 13pt;
	background-image: url(/img/headline-background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	padding: 4px 8px 4px 8px;
	line-height: 150%;
	/* force single-line headlines */
	display: block;
	overflow: hidden;
	height: 30px;
}


/* h5 - used for tags */
h5
{
	font-weight: normal;
	line-height: 100%;
	padding: 0;
	margin-bottom: 10px;
}


h5 img
{
	vertical-align: middle;
}


a
{
	color: #666666;
	text-decoration: underline;
}

a:link, a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: none;
}


ul, li
{
	list-style-position: outside;			/* was: inside - changed for Wiki */
	margin: 0px 5px 0px 20px;
	line-height: 16pt;
	text-align: justify;
}


tr, th, td
{
	padding: 3px 6px 3px 6px;
}



/* ----- global page wrapper ----- */


/* magic for centering the whole layout - combined with body - BUDD136 */
#wrapper
{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: white;
	padding: 30px;
	padding-top: 20px;
}


#beta
{
	background-position: top center;
	margin: 0;
	padding: 0;
 	background: transparent url(/img/beta.gif) no-repeat 0 0;
 	position: absolute;
 	right: 0;
 	top: 0;
 	z-index: 1;
 	width: 150px;
 	height: 150px;
}


/* ----- header ----- */


#header-section
{
	/* background-image: url(/img/blue-head-background.jpg); */
	background-repeat: repeat-x;
	height: 60px;
	margin: 0;
	text-align: center;
	padding: 0;
}


#header-middle
{
	background-image: url(/img/head-banner-digitalkameras.jpg);
	margin: 0 auto;
	width: 960px;
	height: 60px;
	text-align: left;
}


#header-logo
{
	position: relative;
	top: 3px;
	left: 35px;
	width: 150px;
	height: 60px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center top;
	color: white;
	border-width: 0px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	float: left;
	text-align: center;
}


#header-menu-bar
{
	position: relative;
	top: 37px;
	left: -30px;
	width: 660px;
	height: 24px;
	float: right;
	color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header-menu-bar table,
#header-menu-bar tr,
#header-menu-bar td,
#header-menu-bar a,
#header-menu-bar p,
#header-menu-bar img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-style: none;
	border-collapse: collapse;
	line-height: 100%;
	color: #000055;
}




/* ----- left section ----- */


#left-section		
{
	float: left;
	width: 210px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}


/* head bar of left block */
.left-block-head
{
	display: block;
	background-image: url(/img/left-menu-head.gif);
	background-repeat: no-repeat;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	width: 210px;
	padding: 8px 15px 3px 12px;
}


.left-block-shadow
{
	width: 210px;
	margin: 0;
	text-align: left;
	padding: 0px;
	background-image: url(/img/left-menu-shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.left-block
{
	color: #666666;
	border-color: #eeeeee;
	border-style: solid;
	border-width: 1px;
	width: 199px;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0px;
}


.left-block a
{
	color: #666666;
	display: block;
	xheight: 12px;
}


/* left-block does not contain padding to enable full-width menu entry highlighting,
   therefore addtl div with padding has to be applied for padded content */

.left-block-padded-content
{
	margin: 0;
	padding: 0px 10px 0px 14px;
	line-height: 160%;
}


/* styles for cat-menu */
.cat-menu-1
{
	display: block;			/* force it to be a block despite the fact that it's a link */
	position: relative;
	color: #666666;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	margin-top: 8px;
	padding: 5px 0px 5px 0px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #f0f0f0;
	background-color: #f8f8f8;
	padding-left: 10px;
}


.cat-menu-2
{
	display: block;			/* force it to be a block despite the fact that it's a link */
	position: relative;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #f0f0f0;
	padding-left: 20px;
}


.cat-menu-3
{
	display: block;			/* force it to be a block despite the fact that it's a link */
	position: relative;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 5px 0px 5px 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #f0f0f0;
	padding-left: 32px;
}


.cat-menu-4
{
	display: block;			/* force it to be a block despite the fact that it's a link */
	position: relative;
	text-indent: 40px;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 6px 0px 6px 0px;
}


.other-verticos
{
	display: block;			/* force it to be a block despite the fact that it's a link */
	text-indent: 14px;
	line-height: 100%;
	margin: 0;
	margin-top: 2px;
	padding: 6px 0px 6px 0px;
}


a.cat-menu-1:hover, 
a.cat-menu-2:hover, 
a.cat-menu-3:hover, 
a.cat-menu-4:hover, 
a.other-verticos:hover
{
	background-color: #e8f0f8;
	text-decoration: underline;
}


/* block in static navigation, such as manufacturer etc. */
.static-navigation-block
{
	position: relative;
	top: 5px;
	background-image: url(/img/grey-fade-h24.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: normal;
	color: #444444;
	padding: 5px 15px 5px 15px;
}


.static-navigation-block p
{
	position: relative;
	top: 3px;
	font-weight: normal;
	margin: 0;
}


.login-box-label
{
	margin: 0;
	float: left;
	width: 83px;
}



/* ----- content section ----- */


#content-section
{
	float: right;
	width: 660px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
}


#content-section li a
{
	text-decoration: underline;
}


/* ----- footer section ----- */

#footer-section
{
	background-color: #eeeeee;
	height: 30px;
	line-height: 30px;
	clear: both;
	margin-top: 0px;
	text-align: center;
	font-size: 8pt;
}



/* ----- search section (part of the content section) ----- */

#search-section
{
	background-color: #eeeeee;
	height: 22px;
	line-height: 20px;
	clear: both;
	margin-top: 0px;
	padding: 5px;
	overflow: hidden;
}



/* ----- breadcrumb ----- */


#breadcrumb
{
	font-size: 11px;
	margin-top: 0px; 	/* when search is on, must be increased to 15px */
}



/* ----- universal classes ----- */


.domain
{
	color: #E17A12;
	font-weight: bold;
}


.clear
{
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	height: 0px;
}


.dividing-line
{
	background-color: #eeeeee;
	clear: both;
	height: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}


.vertical-spacer-small
{
	margin: 0;
	padding: 0;
	margin-top: 15px;
}


.vertical-spacer-large
{
	margin: 0;
	padding: 0;
	margin-top: 30px;
}


/* used in product detail - tests table among other - be careful to adjust margin-top and line-height! */

.tiny-font
{
	color: #aaaaaa;
	text-align: left;
	margin-top: 2px;
	line-height: 140%;
	font-size: 10px;
}


/* universal container for positioned elements */

.container
{
	position: relative;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
}



/* ----- content menu (i.e. menus in content section, e.g. for page navigator) ----- */

.content-menu-line,
.content-menu-line div
{
	padding: 0;
	text-align: right;
	margin: 6px 0px 2px 0px;
	font-size: 11px;
}

.content-menu-line img
{
	padding: 0px 2px 0px 2px;
	vertical-align: -2px;
}



/* ----- universal UI controls ----- */



/* --- complete mess - clean up! */


.button-20x30
{
	width: 30px;
	background-image: url(/img/button-20x30.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x30
{
	position: relative;
	left: 5px;
	width: 30px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x30.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x30-hover
{
	position: relative;
	left: 5px;
	width: 30px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x30.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.button-20x40
{
	width: 40px;
	background-image: url(/img/button-20x40.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x40
{
	position: relative;
	left: 5px;
	width: 40px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x40.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x40-hover
{
	position: relative;
	left: 5px;
	width: 40px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x40.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.button-20x50
{
	position: relative;
	left: 5px;
	height: 20px;
	border-width: 0px;
	width: 50px;
	background-image: url(/img/button-20x50.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.button-20x50-hover
{
	position: relative;
	left: 5px;
	width: 50px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x50.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}


input.button-20x50
{
	position: relative;
	left: 5px;
	width: 50px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x50.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x50-hover
{
	position: relative;
	left: 5px;
	width: 50px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x50.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.button-20x70
{
	font-size: 9px;
	color: #888888;
	position: relative;
	left: 5px;
	height: 20px;
	border-width: 0px;
	width: 70px;
	background-image: url(/img/button-20x70.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.button-20x70-hover
{
	font-size: 9px;
	position: relative;
	left: 5px;
	width: 70px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x70.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}


input.button-20x70
{
	position: relative;
	left: 5px;
	width: 70px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x70.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x70-hover
{
	position: relative;
	left: 5px;
	width: 70px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x70.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.button-20x100
{
	width: 100px;
	background-image: url(/img/button-20x100.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

.button-20x100-hover
{
	position: relative;
	left: 5px;
	width: 100px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x100.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}


input.button-20x100
{
	position: relative;
	left: 5px;
	width: 100px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x100.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x100-hover
{
	position: relative;
	left: 5px;
	width: 100px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x100.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}

.button-20x120
{
	width: 120px;
	background-image: url(/img/button-20x120.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x120
{
	position: relative;
	left: 5px;
	width: 120px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x120.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x120-hover
{
	position: relative;
	left: 5px;
	width: 120px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x120.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}


.button-20x150
{
	width: 150px;
	background-image: url(/img/button-20x150.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x150
{
	position: relative;
	left: 5px;
	width: 150px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x150.jpg);
	background-repeat: no-repeat;
	text-align: center;
}


input.button-20x150-hover
{
	position: relative;
	left: 5px;
	width: 150px;
	height: 20px;
	border-width: 0px;
	background-image: url(/img/button-20x150.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #666666;
	cursor: pointer;
}










.input-text-field
{
	font-family: Arial;
	font-size: 11px;
}


a.simple-button
{
	display: block;
	background-color: #f8f8f8;
	color: #888888;
	padding: 0px 3px 0px 3px;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	float:left;
}

a.simple-button:hover
{
	background-color: #e0f0ff;
	text-decoration: none;
}




/* ----- classes for home page ----- */


.home,
.home table,
.home tr,
.home td
{
	padding: 0;
	vertical-align: top;
}


.home h2,
.home h2 a
{
	color: #333388;
	margin-top: 10px;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: bold;
	padding: 8px 0 0 0;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #333388;
}


.home h3,
.home h3 a
{
	color: #333388;
	margin-top: 0px;
	font-size: 12px;
	margin-bottom: 0px;
	font-weight: bold;
	padding: 0px;
}


.home p
{
	margin-top: 6px;
}


/* ----- classes for product list pages ----- */

/* all starting with "pl-" prefix */


.pl-block
{
	width: 660px;
}


.pl-subcategory
{
	float: left;
	width: 300px;
	font-weight: normal;
}


.pl-subcategory p
{
	margin-top: 8px;
}


.pl-subcategory img
{
	border: 0px;
	padding: 0px 15px 0px 0px;
	vertical-align: middle;
}


.pl-subcategory-title,
.pl-subcategory-title a
{
	color: #333388;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: -20px;
}



.pl-product
{
	margin: 0px;
	padding: 0px;
}



.pl-product-image
{
	float: left;
	width: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.pl-product-text
{
	float: right;
	width: 530px;
}

.pl-product-text p,
.pl-product-text img
{
	display: block;		/* specifiy display property for toggle elements! */
	text-align: justify;
	margin-top: 4px;
	margin-bottom: 4px;
}


.pl-product-text h2,
.pl-product-text h2 a
{
	color: #333388;
	xfloat: left;
	margin-top: 10px;
	font-size: 13px;
	margin-bottom: 8px;
	font-weight: bold;
	padding: 0px;
}


.pl-mainrating
{
	margin-top: 0px;
	float: right;
	text-align: right;
}


.pl-product-text div
{
	margin-top: 10px;
	margin-bottom: 10px;
}


.pl-attr-line
{
	display: block;		/* "block" to turn it on, "none" to turn it off */
	height: 22px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}


.pl-attr
{
	position: relative;
	left: 1px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}


.pl-attr1
{
	position: relative;
	left: 1px;
	top: -8px;
	width: 95px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}

.pl-attr2
{
	position: relative;
	left: 107px;
	top: -36px;
	width: 95px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}

.pl-attr3
{
	position: relative;
	left: 213px;
	top: -64px;
	width: 95px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}

.pl-attr4
{
	position: relative;
	left: 319px;
	top: -92px;
	width: 95px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}

.pl-attr5
{
	position: relative;
	left: 425px;
	top: -120px;
	width: 95px;
	background-color: #f0f0f0;
	padding: 3px 4px 3px 4px;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
}


.pl-price
{
	color: #F88616;
	margin: 0px;
	float: left;
	font-size: 10pt;
	font-weight: bold;
}


.pl-offers
{
	color: #cccccc;
	font-size: 8pt;
	font-weight: normal;
}


/* button for linking to product detail page from product list */
a.pl-details
{
	background-color: #666688;
	color: white;
	padding: 2px 5px 2px 5px;
	border-color: #aaaaaa;
	border-width: 1px;
	border-style: solid;
	text-decoration: none;
	margin: 0px;
	font-size: 9pt;
	float: right;
}


a.pl-details:hover
{
	background-color: #6666bb;
	text-decoration: none;
}


.pl-filters
{
	margin-top: -4px;
}


.pl-filters table,
.pl-filters tr,
.pl-filters td,
.pl-filters th
{
	border: 1px solid;
	border-color: #eeeeee;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	font-size: 11px;
}


.pl-filters th
{
	background-color: #e8f0f8;
	font-weight: normal;
	color: #444477;
	border-color: #ffffff;
}


.pl-filters p
{
	line-height: 140%;
	margin: 3px 0px 3px 0px;
	text-align: left;
}


.pl-filters img
{
	padding: 0;
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}

.all-refiners
{
	display: none;
}



/* ----- classes for product detail pages ----- */

/* all prefixed with "pd-" */


.pd-block
{
	width: 660px;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
}

.pd-block h2,
.pd-block h3,
.pd-block p
{
	font-size: 11px;
}


.pd-block a
{
	text-decoration: none;
}


.pd-product-image
{
	float: left;
	width: 200px;
	margin: 0;
}


.pd-additional-images-line
{
	height: 50px;
	margin: 0;
	margin-bottom: 20px;
}


.pd-additional-image a
{
	border-style: solid;
	border-color: white;
	border-width: 1px;
	padding: 3px;
	float: left;
}


.pd-additional-image a:hover
{
	border-style: solid;
	border-color: #eeeeee;
	border-width: 1px;
	padding: 3px;
}


.pd-product-description
{
	float: right;
	width: 420px;
	text-align: justify;
}


.pd-block h2
{
	background-image: url(/img/bar-background.jpg);
	background-repeat: repeat-x;
	color: #333388;
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 3px 6px 3px 6px;
	font-size: 11px;
	margin: 0;
	margin-top: 10px;
	text-indent: 4px;
}


.pd-block h3
{
	background-color: #f4f4f4;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 2px 6px 2px 6px;
	font-weight: normal;
	color: #444444;
}


.pd-product-attribute-line
{
	width: 620px;
	margin: 0;
}



/* widths of the two following elements must stay below 100% for Firefox' sake */

.pd-product-attribute-name
{
	width: 250px;
	padding: 2px 6px 2px 6px;
	margin:  1px 0px 1px 0px;
	float: left;
	font-size: 11px;
}

.pd-product-attribute-value
{
	width: 334px;
	padding: 2px 6px 2px 6px;
	margin:  1px 0px 1px 0px;
	float: right;
	font-size: 11px;
}

.pd-product-attribute-value img
{
	vertical-align: middle;
}


.pd-table,
.pd-table th, 
.pd-table td
{
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.pd-table tr:hover, 
.pd-table td:hover,
.pd-table a:hover
{
	text-decoration: none;
}

.pd-table th
{
	font-weight: normal;
	background-color: #eeeeee;
	xbackground-image: url(/img/grey-fade-h24.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 2px 4px 2px 4px;
}


.pd-table td,
.pd-table tr
{
	border-style: dotted;
	border-color: #eeeeee;
	border-width: 1px 0px 1px 0px;
	padding: 7px 4px 7px 4px;
	vertical-align: top;
}


.pd-review
{
	margin-bottom: 15px;
}


.pd-review-add
{
	display: none;
	margin-bottom: 15px;
}


.pd-review p, .pd-review-add p
{
	margin: 0;
	margin-bottom: 2px;
}


/* additional, initially hidden rows in test/offer table on product detail page */

.pd-tests-addrow
{
	display: none;
}

.pd-offers-addrow
{
	display: none;
}


/* line that contains the toggle link for test, review and offer tables */

.toggle-link
{
	margin: 0;
	margin-top: -20px;
	margin-right: 6px;
	text-align: right;
}

.toggle-link a:hover
{
	text-decoration: none;
}


/* positioned DIV for popup information about attributes */

.pd-attribute-info
{
	display: none;
	position: absolute;
	top: -100px;
	left: 456px;
	width: 182px;
	xheight: 180px;
	background-color: #e8f0f8;
	z-index: 99;
	padding: 6px 8px 6px 8px;
	border-width: 4px;
	border-color: white;
	border-style: solid;
	overflow: visible;
}

.pd-attribute-info h4
{
	margin: 0px 0px -4px 0px;
	padding: 2px 4px 2px 4px;
	font-size: 11px;
	color: white;
	background-color: #F88616;
}

.pd-attribute-info p
{
	text-align: left;
	margin: 8px 0px 0px 0px;
	line-height: 150%;
}



/* positioned DIV for popup information about shops */

#pd-shop-info
{
	display: none;
	text-align: left;
	background-color: white;
	padding: 6px 8px 6px 8px;
	border-width: 1px;
	border-color: #dddddd;
	border-style: solid;
	margin: 0px 0px 0px 0px;
}


#pd-shop-info table,
#pd-shop-info tr,
#pd-shop-info td,
#pd-shop-info p,
#pd-shop-info img
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	align: left;
	vertical-align: top;
}


.pd-shopinfo-section
{
	background-color: #f4f4f4;
	text-indent: 4px;
}


.pd-payment-method-yes
{
	float: left;
	width: 92px;
	background-image: url(/img/supported-yes.gif);
	background-repeat: no-repeat;
	line-height: 100%;
	padding: 0;
	margin: 8px 2px 0px 2px;
	text-indent: 16px;
}


.pd-payment-method-no
{
	float: left;
	width: 92px;
	background-image: url(/img/supported-no.gif);
	background-repeat: no-repeat;
	line-height: 100%;
	padding: 0;
	margin: 0;
	margin: 8px 2px 0px 2px;
	text-indent: 16px;
}


/* quick links from top of the page to individual sections */

.pd-quicklink table, .pd-quicklink tr, .pd-quicklink td
{
	border-collapse: collapse;
	border-style: none;
	margin: 0;
	padding: 0;
	line-height: 250%;
}

.pd-price
{
	font-weight: bold;
	color: #F88616;
	font-size: 12px;
}



.pd-offer-price
{
	font-weight: bold;
	color: #F88616;
	font-size: 11px;
}


.pd-offer-availability
{
	font-size: 9px;
	color: #cccccc;
	margin-top: 4px;
}



/* form styles */

div.generic-form 
{
	margin: 0;
	padding: 5px 0px 5px 0px;
	border: 1px dotted #dddddd;
	background: #f8f8f8;
}

.generic-form legend
{
	margin: 0px 0px 0px 0px;
}

.generic-form input
{
	float: left;
	width: 180px;
	margin: 5px 10px 5px 10px;
}

.generic-form label
{
	float: left;
	width: 120px;
	margin: 7px 10px 5px 10px;
}

.generic-form div
{
	padding: 0;
	margin: 0;
}

.generic-form-hint
{
	float: left;
	color: #dddddd;
	width: 300px;
	font-size: 10px;
}

.generic-form ul
{
	list-style-position: inside;
	margin: 5px 10px 5px 10px;
}

.generic-form p
{
	margin: 5px 10px 5px 10px;
}

.generic-form img, 
.generic-form table, 
.generic-form tr, 
.generic-form td
{
	padding: 0px;
	border: 0px;
	margin: 0px;
	float: left;
}






/* ----- classes for forum pages ----- */

/* all starting with "fo-" prefix */

/* informationheader at the startpage of the forum */
.fo_infoheader
{
	border-color: #cccccc;
	margin: 0;
	padding: 0px;
	height: 75px;
}

/* informationheader at the startpage of the forum */
.fo_loginbox
{
	text-align:right;
	width:300px;
}


/* Tabelle des Forums */
/* used for example emotiocons table of forum */

.fo-table
{
	/*width="100%" cellpadding="2" cellspacing="1" border="1" align="center"*/
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	margin: 0;
	text-align: left;
	padding: 0px;
}


/* head bar of left block */
.fo-table th
{
	color: #00377b;
	background-color: #eeeeee;
	margin: 0;
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
	white-space:nowrap;
}

.fo-table td
{
	border-style: solid;
	border-color: #eeeeee;
	color: #666666;
	border-width: 0px 0px 0px 0px;
}

select
{
	font-size: 8pt;
	color: #666666;
}

.row1
{
	background-color: #fafafa;
}

.row2
{
	background-color: #f0f0f0;
}



#wpTextbox1
{
font-family: courier;
line-height: 150%;
}


#bodyContent h2
{
	margin: 15px 0px 0px 0px;
}

#bodyContent h3
{
	padding: 0;
	margin: 15px 0px 0px 0px;
}


#bodyContent p
{
	padding: 0;
	margin: 5px 0px 0px 0px;
}


#toctitle
{
	margin: 3px 0px 0px 0px;
}


.toclevel-1
{
	margin: 3px 0px 0px 0px;
	list-style-position: outside;			/* was: inside - changed for Wiki */
	line-height: 16pt;
	text-align: justify;
}