/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/*
------------------------------------------------------------------------
MAIN ELEMENTS
------------------------------------------------------------------------
*/
html 
{
	height: 100%;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	background-color: #fff;;
	height: 100%;
}

#container 
{
	display: block;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

/* Contains rest of HTML */
/* Geändert: width: 850px; */
/* Geändert: width: 1100px; */
#centrecontainer {
	width: 1100px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

/*
------------------------------------------------------------------------
TOP BAR
------------------------------------------------------------------------
*/
#topbar
{
	padding: 0 0 5px 0;
/* --- Geändert color: border-bottom: solid 2px #fff; --- */
	border-bottom: solid 2px #3F4CB2;
	font-size: 99%;
}

#topbar #logindetails
{
	float: left;
	border: solid 1px black;
}

#topbar #topleft
{
	width: 630px;
	float: left;
	padding: 0 0 5px 0;
}

#topbar #topleft a
{
	padding: 5px 5px 1px 10px;
	display: inline-block;
	border-left: dotted 1px black;
}

#topbar #loginlinks
{
	float: right;
	width: 250px;
	text-align: right;
}

#topbar #loginbar
{
	float: left;
/* Geändert: width: 850px; */
	width: 500px;
}

#topbar #loginbar a
{
	padding: 5px 5px 1px 10px;
	display: inline-block;
	border-left: dotted 1px black;
}

#topbar #loginbar strong
{
	padding: 2px 5px 1px 0;
	color: #000;
}

#topbar a
{

}

/*
------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------
*/
#header {
	height: 100px;
}

/* --- Geändert: margin: 15px 0 0 0; --- */
#header #logo {
	margin: 5px 0 0 0;
}

/* --- Geändert: height: 40px; --- */
#header #title {
	height: 75px;
}

/* --- Geändert: margin: 30px 0 0 0; --- */
#header #mainbar {
	margin: 10px 0 0 0;
}

/* --- Geändert: width: 830px; --- */
#header .links 
{
	float: left;
	margin: 0 0 0 0;
	width: 1080px;
	
/* --- Geändert: background-color: #aaa; --- */
	background-color: #3F4CB2;
	border-radius: 4px;
	border-bottom: solid 1px #666;
}

#header .links li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: right;
}

#header .links a 
{
	color: #fff;
	display: inline-block;
	padding: 2px 10px 2px 8px;
	border-right: dotted 1px #fff;
	font-weight: bold;
}

/* --- Geändert: color: #000; --- */
#header .links a:hover {
	color: #FF6600;
}

/*
------------------------------------------------------------------------
PAGE SECTIONS
------------------------------------------------------------------------
*/

#pagebody {
	padding: 0px 15px 0px 10px;
	margin: 0px 0px 0px 0px;
}

/* Dynamic page content section of page body */
/* Geändert: width: 635px; float: left;*/
/* Hinzugefügt background-color: #F2F2FF;*/

#pagecontent {
    background-color: #F4F4FF;
/* --- Geändert: width: 680px; --- */
/* --- Geändert: padding: 0 5px 20px 10px; --- */
/* --- Hinzugefügt: margin: 10px 0 0 0; --- */
	width: 675px;
	float: left;
	padding: 0px 5px 20px 5px;
	margin: 10px 0 0 0;
}

/* Geändert: padding: 0px 5px 25px 0px; */
#pagecontent_pad {
	padding: 0px 0px 25px 0px;
}

/* Right hand section of page body */
/* --- Geändert: padding: 0 0 20px 0; --- */
/* --- Geändert margin-top: 0px; --- */
#right {
	width: 180px;
	margin: 0px;
	float: right;
	margin-top: 10px;
	padding: 0 0 0 0;
}

/* NEU: Linke Sektion of page body */
#left {
	width: 180px;
	margin: 0px;
	float: left;
	margin-top: 0px;
	padding: 0 20px 15px 0;
}

/* NEU: Linke Sektion of page body für Text Suppliers */
#leftbottom {
	width: 180px;
	margin: 0 0 0 0;
	float: left;
	padding: 0 0 0 5px;
}

/*
------------------------------------------------------------------------
SEARCH BOX
------------------------------------------------------------------------
*/
#searchbox
{
	margin: 10px 3px 20px 0;
	width: 175px;
	text-align: right;
	float: right;
}

#searchbox a
{
	margin-top: 5px;
	display: block;
}

#searchbox #skinsearchboxback {
	width: 100%;
	height: 20px;
	margin: 0;
/* --- Geändert background-color: #eee; hellgrau --- */
	background-color: #F4F4FF;
	border: solid 1px #f50;
	text-align: left;
	border-radius: 2px;
}

#searchbox input#skinsearchbox {
	width: 106px;
	margin: 0;
	border-color: transparent;
	background-color: transparent;
}

#searchbox #searchbutton 
{
	position: relative;
	z-index: 3;
	margin: 0;
	border: none;
	padding: 1px;
	text-transform: uppercase;
	background-color: transparent;
	float: right;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

/*
------------------------------------------------------------------------
TOPSELLERS, NEWEST ITEMS, CURRENCY, LANGUAGE, ETC.
------------------------------------------------------------------------
*/
#topsellers,
#newestproducts,
#languagemenu,
#currencymenu,
#prodtypemenuform
{
	display: block;
/* --- Geändert padding: 1px 0 1px 5px; --- */
	padding: 1px 0 10px 5px;
/* --- Geändert margin: 1px 0 10px 0; color: #000 --- */
	margin: 0 0 0 0;
	font-weight: bold;
/* --- Geändert background-color: #eee; hellgrau --- */
	background-color: none;
	color: #000066;
    border-bottom: dotted 1px #00066;
}

#topsellers h4,
#newestproducts h4,
#prodtypemenuform h4
{
	padding: 0 0 5px 0;
}

#topsellers, #newestproducts
{
	padding: 10px;
}

#languagemenu form select,
#currencymenu form select,
#prodtypemenuform select 
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0px none;
/* --- Geändert background-color: #eee; hellgrau Hinzugefügt border-radius: 2px; --- */
	border: solid 1px #000066;
	border-radius: 2px;
	background-color: #F4F4FF;
	height: auto
}

#topsellers div.smallimageholder,
#newestproducts div.smallimageholder
{
	display: block;
	margin: 0 2px 2px 0;
	vertical-align: middle;
	float: left;
}

/* --- Anfang neuer Container für Facebook Screenshot und Affiliate Image color #000 --- */

#screenshot
{
	width: 100%;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
	background-color: none;
	color: #000066;
    border-bottom: dotted 1px #00066;
}

/* --- Ende neuer Container für Facebook Screenshot und Affiliate Image --- */

/* --- Anfang neuer Container für PayPal Logo --- */

#paypallogo
{
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	background-color: none;
	color: #000066;
}

/* --- Ende neuer Container für PayPal Logo --- */

/* --- Anfang neuer Container für Zahlungsmethoden --- */

#paymenttext
{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	background-color: none;
	color: #000066;
}

/* --- Ende neuer Container für Zahlungsmethoden --- */


/*
------------------------------------------------------------------------
MINI BASKET
------------------------------------------------------------------------
*/
#minibasket_holder
{
	float: right;
	border: none;
	width: 190px;
	margin: 3px 0 0 0;
	text-align: right;
	border-right: dotted 1px #000066;
}

#minibasket_holder h2
{
	padding: 1px 9px 2px 5px;
	margin: 0;
	font-weight: normal;
}

#minibasket_holder h2 a span
{

}

#minibasket_holder h2 a em
{
	font-style: normal;
	font-weight: normal;
}


#minibasket
{
	width: 190px;
	border: solid 0px transparent;
}

#minibasket_main
{
	visibility: hidden;
	z-index: 11;
	height: 0px;
	text-align: left;
	position: absolute;
	width: 100%;
}

#minibasket:hover
{
	visibility: visible;
	height: auto;
	position: absolute;
	background-color: #fff;
}

/* --- Geändert: background-color: #ffaa55; --- */
#minibasket_holder:hover h2
{
	color: #fff;
	background-color: #3F4CB2;
}

#minibasket_holder:hover h2 a em,
#minibasket_holder:hover h2 a span
{
	color: #fff;
	font-weight: bold;
}

/* --- Geändert: background-color: #ffaa55; --- */
#minibasket:hover #minibasket_main
{
	visibility: visible;
	height: auto;
	background-color: #CCCCFF;
	border-bottom: solid 1px #777;
}

/* --- Hinzugefügt: background-color: #F4F4FF; --- */
#basketlines {
	padding: 0;
	background-color: #F4F4FF;
	border-top: dotted 1px #888;
}

#basketlines li {
	border-bottom: dotted 1px #888;
	list-style: none;
	clear: both;
}

#basketlines li.alt {

}

#basketlines em {
	font-style: normal;
}

#basketlines a {
	display: block;
	text-decoration: none;  
	color: #000;
	padding: 1px 2px 2px 3px;
}

/* --- Geändert: color: #fff; --- */
/* --- Geändert: background-color: #f50; --- */
/* --- Geändert: background-color #FF6600; => background-image: url('../templateimages/hover_orange.png'); --- */
#basketlines a:hover {
	color: #000;
    background-image: url('../templateimages/hover_orange.png');
}

#baskettotals 
{
	text-align: right;
}

/* --- Geändert: color: #f00; --- */
#baskettotals p {
	color: #000;
	margin: 1px 0px 1px 5px;
	padding: 1px 10px;
}

#baskettotals p em {
	margin: 1px 0 1px 5px;
	font-weight: bold;
	padding: 1px 10pxpx;
}

#baskettotals em {
	font-style: normal;
}

#baskettotals #taxexception {
	font-weight: normal;
}

#basketlinks 
{
	margin: 0;
	padding: 0;
}

#basketlinks li {
	list-style: none;
}

#basketlinks img {
	border: 0px none;
	vertical-align: middle;
	margin-left:0px; margin-right:5px; margin-top:0px; margin-bottom:0px
}

#basketlinks a {
	display: block;
	color: #000;
	padding: 1px 1px 1px 3px;
}

/* --- Geändert: background-color: #f50; color: #fff; --- */
/* --- Geändert: background-color #FF6600; => background-image: url('../templateimages/hover_orange.png'); --- */
#basketlinks a:hover {
	color: #000;
	background-image: url('../templateimages/hover_orange.png');
}

/* --- Geändert: background-color: #fff; --- */
#basketempty, #baskethidden 
{
	font-style: italic;
	display: block;
	text-decoration: none;  
	color: #000;
	background-color: #F4F4FF;
	padding: 5px 2px 5px 3px;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

/*
------------------------------------------------------------------------
CATEGORY MENU
------------------------------------------------------------------------
*/
/* --- Geändert: margin: 0 0 15px 0; --- */
#categorymenu {
	margin: 10px 0 15px 0;
	padding: 0 0 1px 0;
	border-bottom: dotted 1px #00066;
}

#categorymenu ul {
	margin: 0;
	padding: 0;
	border: 0px none;
}

#categorymenu ul li {
	list-style: none;
	float: none;
	clear: both;
	padding: 0;
}

#categorymenu ul li div {
	background-color: transparent; 		
}

#categorymenu ul li div a {
	display: block;
	padding: 2px 5px 2px 5px;
	margin: 1px 0 0px 0;
	font-weight: bold;
	border-top: dotted 1px #000;
/* --- Geändert color: #000; --- */
	color: #000066;
}

#categorymenu ul li div a:hover {
/* --- Geändert: background-color #444; => background-image: url('../templateimages/hover_blue.png'); --- */
	color: #fff;
    background-image: url('../templateimages/hover_blue.png');
}

#categorymenu ul ul li div {
	font-weight: normal;
}

#categorymenu ul ul li div a {
	font-weight: normal;
	text-transform: none;
	padding-left: 15px;
	color: #444;
	font-size: 90%;
	border: none;
	background-color: #eee;
}

#categorymenu ul ul ul li div a {
	padding-left: 25px;
}

#categorymenu ul ul ul ul li div a {
	padding-left: 35px;
}

/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/
#footer {
	margin: 0 auto;
	padding: 0;
	height: 142px; /*change this size depending on the height of the footer image you're using*/
	width: 100%;
	bottom: 0px;
/* --- Geändert color: background-color: #555; --- */
	background-color: #3F4CB2;
}

#footerspacer
{
	height: 142px;
}

#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms 
{
/* --- Geändert width: 830px; --- */
	width: 1100px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	color: #ccc;
	font-size: 90%;
}