/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			28.11.2009
*/

/*
========================================================
ELEMENTS
========================================================
*/

/* 	LINKLIST,
	List with images */
#content .linklist {
	margin:					0 0 10px 0;
	padding:				1px 0 1px 0;
	border-top:				1px solid #e0e0e0;
	border-bottom:			1px solid #e0e0e0;
}

#content .linklist .image {
	width:					255px;
}

#content .linklist .image img {
	float:					left;
}

#content .linklist .text {
	width:					383px;
}

#content .linklist h3 {
	margin:					0 0 0 0;
	padding:				0 0 0 0;
}

#content .linklist p {
	margin-top:				0;
}

#content .linklist a {
	display:				block;
	padding:				0 0 0 0;
	color:					#000;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				11px;
}

#content .linklist a span {
	margin-left:			3px;
	font-size:				14px;
}


/* 	LISTROWS,
	List with 2 rows */
#content .listrows h4 {
	text-transform:			none;
}

#content .listrows .secrow {
	display:				block;
	width:					300px;
	text-transform:			none;
}

#content .listrows .secrow.first {
	margin-right:			20px;
}

#content .listrows ul{
	margin:					5px 0 0 0;
	padding:				0;
	list-style:				none;
}
#content .listrows ul li{
	margin:					0 0 7px 0;
	padding:				0.2em 1.5em;
	list-style:				none;
	background-image:		url(../images/background-listbox.gif) !important;
	background-repeat:		repeat-x;
	background-position: 	left bottom;
	border-bottom:			1px solid #dddddd;
	font-size:				10px;
	text-transform:			uppercase;
}


/* 	IMGLIST,
	List with images */
#content ul.imglist,
#content ul.imglist li {
	margin:					0;
	padding:				0;
	list-style:				none;
	background-image:		none;
}

#content ul.imglist li {
	margin:					0 0 10px 0;
	padding:				1px 0 1px 0;
	border-top:				1px solid #e0e0e0;
	border-bottom:			1px solid #e0e0e0;
}

#content ul.imglist li .right {
	width:					380px;
}

#content ul.imglist li h3 {
	margin-top:				5px;
	color:					#000;
	font-size:				16px;
	text-transform:			none;
}

#content ul.imglist li a.more {
	display:				inline;
	margin:					0;
	padding:				0 0 0 15px;
	text-decoration:		none;
	color:					#000;
	font-weight:			bold;
	background-image: 		url(../images/more.gif);
	background-repeat: 		no-repeat;
	background-position: 	left 5px;
}


/* 	TABLE-LIST,
	Table look Definition List */
dl.table-display {
	width: 					640px;
	margin: 				4px 0;
	padding: 				0;
}

.table-display dt {
	width: 					200px;
	float: 					left;
	margin: 				0 0 0 0;
	padding: 				5px;
	background-image: 		url(../images/elements/table-display-line.png);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
}

/* commented backslash hack for mac-ie5 \*/
.table-display dt { clear: both; }
/* end hack */

.table-display dd {
	float: 					left;
	width: 					420px;
	margin: 				0 0 0 0;
	padding: 				5px;
	background-image: 		url(../images/elements/table-display-line.png);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;
}


.table-display.coupons dt {
	width: 					230px;
	cursor:					pointer;
}

.table-display.coupons dd {
	width: 					390px;
}

.table-display.coupons dt,
.table-display.coupons dd {
	height:					75px;
}


/* 	FORM 2 COLS */
dl.twocols {
	width: 				669px;
	margin: 			0 0;
	padding: 			0;
}

.twocols dt {
	width: 				334px;
	float: 				left;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
	font-weight:		normal;
}

/* commented backslash hack for mac-ie5 \*/
.twocols dt { clear: both; }
/* end hack */

.twocols dd {
	float: 				left;
	width: 				335px;
	margin: 			0 0 0 0;
	padding: 			3px 0 3px 0;
}

.twocols.one dt,
.twocols.one dd {
	margin:					0 !important;
	padding:				0 !important;
}

input.small {
	width: 				295px;
}

select.small {
	width: 				302px;
}

input.large {
	width: 				630px;
}

textarea.large {
	width: 				630px;
}

.question textarea.large {
	width: 				330px !important;
}

.question.max textarea.large {
	width: 				480px !important;
}

select.large {
	width: 				637px;
}

/* 	DL Question */
dl.question {
	width: 					458px;
	margin: 				0;
	padding: 				0;
}

dl.question.max {
	width: 					669px !important;
}

dl.question.max dt {
	width: 					539px !important;
	padding: 				15px 115px 0 15px !important;
	background-image: 		url(../images/background-question-max.png) !important;
}

dl.question dt {
	width: 					333px;
	margin: 				0;
	padding: 				15px 115px 0 15px;
	background-image: 		url(../images/background-question.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	font-family:			HelveticaLTStdRoman, Arial, Helvetica, sans-serif !important;
}

dl.question dt span {
	display:				block;
}

dl.question dt label {
	margin-top:					10px;
	margin-bottom:				5px;
}

dl.question dt label.left {
	margin-top:					0;
	margin-bottom:				0;
}

dl.question dd {
	display:				block;
	width: 					458px;
	height:					17px;
	margin: 				0;
	padding: 				0;
	background-image: 		url(../images/background-question-end.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

dl.question.max dd {
	width: 					669px !important;
	background-image: 		url(../images/background-question-end-max.png) !important;
}


/* 	APPLICATIONLIST */
#content ul.app {
	margin:					0 0 0 0;
	padding:				0;
	list-style:				none;
} 

#content ul.app li {
	float:					left;
	width:					163px;
	margin:					0 0 0 0;
	padding:				0 5px 0 0;
	list-style:				none;
	background-image:		none !important;
	font-family:			HelveticaNeueLTStd65Medium, Arial, Helvetica, sans-serif;
}

#content ul.app li.last {
	padding:				0;
}

table.datatable th {
	background-image: 		url(../images/table-th-col1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;	
}

table.datatable th.col2 {
	background-image: 		url(../images/table-th-col2.gif);
}

table.datatable td {
	background-image: 		url(../images/table-td-col1.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	background-color:		#FFF;
}

table.datatable td.col2 {
	background-image: 		url(../images/table-td-col2.gif);
	background-color:		#f4f4f4;
}

#content ul.accessories {
	margin:					0;
	padding:				0;
	list-style:				none;
}

#content ul.accessories li {
	margin:					0 0 25px 0;
	padding:				0;
	list-style:				none;
	background-image:		none;
}

#content ul.accessories li .col1 {
	float:					left;
	width:					170px;
}

#content ul.accessories li .col2 {
	float:					left;
	width:					499px;
}

table.tablefinder {
	border:					0;
	padding:				0;
}

table.tablefinder td {
	border:					0;
	padding:				2px 4px;
}


.findersection {
	height:					345px;
}

#content .findersection .app{
	padding:				15px 0 0 18px;
}

#content .findersection .app li {

	width:					140px;
	padding:				0 10px 0 0;
}