/*
**	CSS-File für
**	www.sports-partner.de
**	by cs@clicksports.de
*/

body {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #262626;
}

a:link { color: #5C0003; text-decoration: none; }
a:visited { color: #5C0003; text-decoration: none; }
a:hover { color: #5C0003; text-decoration: underline; }
a:active { color: #5C0003; text-decoration: none; }
a img { border: none; text-decoration: none !important; }

/*
** Basis-Container für das Layout
** Aufgliederung in Wrapper, Header,
** Subheader, Content und Footer
*/
div#wrapper {
	width: 830px;
	margin: 0px auto;
}

div#header {
	height: 35px;
	margin-bottom: 10px;
	padding-right: 10px;
	text-align: right;
	background-color: #848589;
}

div#subheader {
	padding: 10px 5px 10px 5px;
	border-top: 1px dashed #848589;
	border-bottom: 1px dashed #848589;
	background-image: url(img/subheader_content_spacer.png);
	background-position: 195px;
	background-repeat: repeat-y;
}

div#content {
	padding: 0px 5px 5px 5px;
	border-bottom: 1px dashed #848589;
	background-image: url(img/subheader_content_spacer_full.png);
	background-position: 195px;
	background-repeat: repeat-y;
}

div#footer {
	width: 445px;
	height: 20px;
	margin-left: 200px;
	text-align: center;
	border-left: 1px dashed #848589;
	border-right: 1px dashed #848589;
	position: relative;
	left: -5px;
}

/*
** Definitionen für den Subheader
*/
div#subheader_left {
	width: 165px;
	margin-left: 7px;
	padding: 5px;
	border: 2px solid #5C0003;
	float: left;
}

ul#subheader_left_navigation {
	min-height: 176px;
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
}

ul#subheader_left_navigation li { padding: 2px 0px 2px 5px; }
ul#subheader_left_navigation li a { color: #5C0003; }
ul#subheader_left_navigation li a.parent { font-size: 11px; font-weight: 800; }

div#subheader_right {
	width: 605px;
	padding: 0px 5px 5px 20px;
	float: right;
}

div#subheader_right img {
	border-top: 5px solid #281004;
	border-bottom: 4px solid #281004;
}

/*
** Definitionen für den Content
*/
div#content_left {
	width: 180px;
	margin-top: 10px;
	padding: 5px 0px 5px 5px;
	float: left;
}

div#content_center {
	width: 420px;
	padding: 15px 10px 5px 10px;
	margin: 0px 0px 0px 20px;
	float: left;
}

div#content_center h1 {
	margin: 5px 0px;
	padding: 0px;
	font-size: 18px;
	color: #500000;
}

div#content_right {
	width: 170px;
	margin-top: 10px;
	padding: 5px 5px 5px 0px;
	float: right;
}

/*
** Definitionen für Boxen
** im Content für osCommerce
*/
div.content_left_box_grey, div.content_right_box_grey {
	padding: 10px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #848589;
}

input.content_left_box_grey_input {
	width: 150px;
	height: 15px;
	margin: 4px 0px;
	border: none;
	font-size: 10px;
}

div.content_left_box_black {
	padding: 10px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #2E1403;
}
div.content_left_box_black a { color: #FFFFFF; }
div.content_left_box_black a:visited { color: #FFFFFF; }

div#content_center_breadcrumb {
	margin-right: 20px;
	padding: 2px 15px;
	color: #FFFFFF;
	background-color: #5C0003;
}
div#content_center_breadcrumb a { color: #FFFFFF; }

table.content_center_product_table {
	width: 400px;
	margin: 5px 0px;
	border: none;
	color: #5C0003;
}
table.content_center_product_table a { color: #5C0003; }
table.content_center_product_table td { width: 33%; padding: 15px 0px; }

div.content_right_box_red {
	padding: 5px 10px;
	border: 2px solid #5C0003;
}
div.content_right_box_red_image { margin: 10px 0px; text-align: center; }
p.content_right_box_red { color: #5C0003; }
p.content_right_box_red a { color: #000000; }

div.content_right_box_black {
	padding: 10px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #2E1403;
}

div#footer a {
	margin: 0px 30px;
	color: #BBBBBB;
}

/*
** Klassen für Kategorieansicht
*/
table.productListing {
	width: 400px;
	margin: 0px;
	border: none;
	color: #5C0003;
	border-collapse: collapse;
}
table.productListing a { color: #5C0003; /*white-space: nowrap;*/ }
table.productListing td { width: 33%; padding: 2px 0px; text-align: center !important; border: 1px solid #FFFFFF; }
tr.productListing-odd { background-color: #F2F2F2; }
tr.productListing-even { background-color: #F1F1F1; }

tr.productListing-odd img, tr.productListing-even img { margin: 2px; }

table.productListing table { border-collapse: separate; }
table.productListing table td { border: none !important; }

/*
** Diverse Klassen
*/
div.clearer { clear: both; }
div.border { margin: 10px 0px; border-top: 1px dashed #848589; }
table.default_table { width: 400px; margin: 5px 0px; }
table.b { font-weight: 800; }

a.nounderline { text-decoration: none !important; }
a.nounderline:hover { text-decoration: none !important; }

/*
** Klassen für Sprachwahl
*/
a.lang { color: #FFFFFF; }

/*
** Standard OSCommerce-Klassen
** werden hier definiert
*/
.infoBox { border: 1px solid #5C0003; background-color: #FBFBFB; }
.infoBoxContents { background-color: #FBFBFB; }

.clearer { margin: 10px 0px; clear: both; }

/* Product Image Slider */
ul#image_preview {
	width: 200px;
	height: 200px;
	margin: 0px;
	padding-left: 0px;
	overflow: hidden;
	list-style: none;
	float: right;
}
ul#image_preview li { margin: 0px; }
ul#image_preview li img {
	margin: 0px auto;
	vertical-align: middle;
	display: inline-block;
}

div#horizontal_carousel {
	width: 398px;
	height: 120px;
	margin: 20px auto;
	border: 1px dashed #2E1403;
	position: relative;
	clear: both;
}

div#horizontal_carousel div.container {
	width: 360px;
	height: 120px;
	overflow: hidden;
	position: relative;
	float: left;
}

div#horizontal_carousel ul {
	width: 100000px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

div#horizontal_carousel li {
	width: 120px;
	height: 100px;
	padding-top: 10px;
	text-align: center;
	float: left;
}
div#horizontal_carousel li img { width: 100px; } 

div#horizontal_carousel div.previous_button,
div#horizontal_carousel div.next_button {
	width: 19px;
	height: 120px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	float: left;
}

div#horizontal_carousel div.previous_button { background-image: url(img/scroller_left_default.gif); }
div#horizontal_carousel div.next_button { right: 0px; background-image: url(img/scroller_right_default.gif); }
div#horizontal_carousel div.previous_button_disabled { background-image: url(img/scroller_left_disabled.gif); }
div#horizontal_carousel div.next_button_disabled { right: 0px; background-image: url(img/scroller_right_disabled.gif); }

div#product_wrapper { padding-right: 20px; }