/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License
*/
.boxText 				{ font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; }
.errorBox 				{ font-family : Verdana, Lucida, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning 			{ font-family : Verdana, Lucida, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications 	{ background: #F3F3F3; }
.orderEdit 				{ font-family : Verdana, Lucida, Arial, sans-serif; font-size : 10px; color: #B10300; text-decoration: underline; }

/*BODY 					{background: #ffffff; color: #000000; margin: 0px;}*/
BODY 					{background: url(images/bg.jpg); color: #000000; margin: 0px; padding: 0;}

.infoBox 				{background: #ebebeb;}
.infoBoxContents 		{background: #ffffff;font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px;}

/*  A {color: #000000;  text-decoration: none;}A:hover {  color: #AABBDD;  text-decoration: underline;}  */
FORM 					{display: inline;}
TR.header 				{background: #ffffff;}
TR.headerNavigation 	{background: #bbc3d3;}
TD.headerNavigation 	{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold;}
/*  A.headerNavigation {color: #FFFFFF; }A.headerNavigation:hover { color: #ffffff;
}  */
TR.headerError 		{background: #ff0000;}
TD.headerError 		{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}
TR.headerInfo 		{background: #00ff00;}
TD.headerInfo 		{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;background: #00ff00;color: #ffffff;font-weight: bold;text-align: center;}
/*  TR.footer {background: #bbc3d3;}TD.footer {  font-family: Verdana, Arial, sans-serif;  font-size: 10px; background: #bbc3d3; color: #ffffff;  font-weight: bold;}*/
.infoBoxNotice 				{background: #FF8E90;}
.infoBoxNoticeContents 		{background: #FFE6E6;font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px;}
TD.infoBoxHeading 			{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;font-weight: bold;background: #bbc3d3;color: #ffffff;}
TD.infoBox, SPAN.infoBox 	{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px;}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd 			{background: #f8f8f9;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even 		{background: #f8f8f9;}
TABLE.productListing 			{border: 1px;border-style: solid;border-color: #b6b7cb;border-spacing: 1px;}
.productListing-heading 		{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFFFFF;font-weight: bold;}
TD.productListing-data 			{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;}
TD.pageHeading, DIV.pageHeading {font-family: Verdana, Lucida, Arial, sans-serif;font-size: 20px;font-weight: bold;color: #9a9a9a;}
TR.subBar 						{background: #f4f7fd;}
TD.subBar 						{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;color: #000000;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
TD.main, P.main 							{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 11px;line-height: 1.5;}
TD.smallText, SPAN.smallText, P.smallText 	{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;}
TD.accountCategory 							{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 13px;color: #aabbdd;}
TD.tableHeading 							{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;font-weight: bold;}
CHECKBOX, INPUT, RADIO, SELECT 				{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 11px;}
TEXTAREA 									{width: 100%;font-family: Verdana, Lucida, Arial, sans-serif;font-size: 11px;}
SPAN.greetUser 								{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;color: #f0a480;font-weight: bold;}
TABLE.formArea 								{background: #f1f9fe;border-color: #7b9ebd;border-style: solid;border-width: 1px;}
TD.formAreaTitle 							{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;font-weight: bold;}
SPAN.markProductOutOfStock 					{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;color: #c76170;font-weight: bold;}
SPAN.errorText 								{font-family: Verdana, Lucida, Arial, sans-serif;color: #ff0000;}

.moduleRow { }
.moduleRowOver 								{background-color: #F3F3F3; cursor: pointer; cursor: hand; }
.moduleRowSelected 							{background-color: #F3F3F3; }

.checkoutBarFrom, .checkoutBarTo 			{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent 						{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; color: #000000; }
/* message box */
.messageBox 								{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning 	{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess 						{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
#myse select 								{width:90%;}
/* input requirement */
.inputRequirement 							{font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* -------------------------------------------------          -------------------------------------------------------- */
del {color:#1C1C1C; font-size:12px; font-weight:bold}
s {color:#808080;font-size:11px;font-weight:normal;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
body {padding:0; margin:0;}
body, td, input, textarea{
	font-size:11px;
    font-family: Verdana, Lucida, Arial, sans-serif;
	color:#8B8B8B;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}
img      {border:0px;}
table	 {width:100%;}

.vam { vertical-align:middle}
.border			{border:1px solid #ebebeb;}
.header td 		 {color:#292929; vertical-align:middle}
.header span	 {color:#FFFFFF; font-size:10px;}
.header b   	 {color:#292929;}
.header a 		 {color:#B30400; text-decoration:none; font-size:11px; font-weight:bold}
.header a:hover  {color:#B30400;text-decoration:underline}
.header strong a 		 {color:#C9CBBD; text-decoration:underline; font-size:11px}
.header strong a:hover  {color:#C9CBBD;text-decoration:none}


#input1{
 width:37px; height:18px; 
 color:#3F4143; font-size:10px; font-family:Verdana, Lucida, Arial, sans-serif; text-align:right
}

#input2{
 width:37px; height:18px; 
 color:#3F4143; font-size:10px; font-family:Verdana, Lucida, Arial, sans-serif; text-align:right
}

#input3{
 width:37px; height:18px; 
 color:#3F4143; font-size:10px; font-family:Verdana, Lucida, Arial, sans-serif; text-align:right
}

#input4{
 width:37px; height:18px; 
 color:#3F4143; font-size:10px; font-family:Verdana, Lucida, Arial, sans-serif; text-align:right
}

#input5{
 width:37px; height:18px; 
 color:#3F4143; font-size:10px; font-family:Verdana, Lucida, Arial, sans-serif; text-align:right
}

.jamp{ width:149px; height:18px; color:#464646; font-size:10px; padding-left:4px; font-family:Verdana, Lucida, Arial, sans-serif;}
.jamp1{ width:149px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Verdana, Lucida, Arial, sans-serif;}
.jamp2{ width:53px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Verdana, Lucida, Arial, sans-serif;}
.jamp3{ width:82px; height:18px; color:#464646; font-size:10px; padding-left:2px; font-family:Verdana, Lucida, Arial, sans-serif;}
  
											  
.box_header_txt	td{ height:40px; vertical-align:middle; background:url(images/1_bg.gif) no-repeat left  center; padding-left:33px; 
				  font-weight:bold;  color:#292929; font-size:14px;}
				  
.box_header_txt1 td{ height:29px; vertical-align:middle; background:#F3F3F3; padding-left:23px;
				  color:#292929; font-weight:bold;}


.box_body  ul 	{padding:0; margin:0px; list-style:none; padding-left:10px; }
.box_body .bg_list 	{background:url(images/bg_list.gif) left top no-repeat; background-position:0 9px}
.box_body .bg_list  a	{color:#84928C;text-decoration:none; padding-left:15px; line-height:21px; font-weight:bold}
.box_body .bg_list  a:hover	{color:#84928C;text-decoration:underline;}

.box_body .bg_list_un 	{background:url(images/bg_list_un.gif) left top no-repeat; background-position:0 10px; margin-left:15px}
.box_body .bg_list_un  a	{color:#A10E04;text-decoration:underline; padding-left:10px; line-height:23px;}
.box_body .bg_list_un  a:hover	{color:#A10E04; text-decoration:none;}

.box_body .bg_list_sub 	{background:url(images/bg_list.gif) left top no-repeat;  background-position:0 9px; margin-left:15px}
.box_body .bg_list_sub  a	{color:#84928C;text-decoration:none; padding-left:15px;line-height:21px; font-weight:bold}
.box_body .bg_list_sub  a:hover	{color:#84928C;text-decoration:underline;}

.cont_header_txt 	{ border-bottom:5px solid #ffffff;}
.cont_header_txt td {height:58px; vertical-align:middle; background:url(images/1_bg2.gif) no-repeat left center #F3F3F3; padding-left:40px; 
				   font-weight:bold;  color:#292929; font-size:14px;}
.cont_header_txt a { 
				font-weight:bold; color:#292929; font-size:14px; text-decoration:none; vertical-align:middle;}				  
.cont_header_txt a:hover { 
				font-weight:bold; color:#292929; font-size:14px; text-decoration:underline;}	
  
.product td         {color:#8B8B8B; font-size:12px; line-height:14px}
.product a		    {color:#B10300; font-size:12px; text-decoration:underline; font-weight:bold}
.product a:hover	{color:#B10300;text-decoration:none;}
.product span       {color:#3F4143; font-size:11px;}
.product span a		    {color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; }
.product span a:hover	{color:#FFFFFF;text-decoration:underline;}
.product b	 {			color:#373737; font-size:14px; font-weight:bold;}

.product div a		    {color:#B10300; font-size:12px; font-weight:normal;text-decoration:none; text-transform:none;}
.product div a:hover	{color:#B10300;text-decoration:none;}


.pic img			{border: 0px solid #969075;}

.result td           {color:#505050; height:47px; vertical-align:middle;padding:0px 16px 0px 14px;}
.result a            {color:#B10300; text-decoration:underline;}
.result a:hover      {color:#B10300;text-decoration:none;}
.result b            {color:#505050; font-weight:normal;}

.result u {text-decoration:underline; color:#B10300; font-weight:bold;} 
.result_right	{ text-align:right;}
.result_right b	{color:#B10300; font-weight:bold; }

.popup td	{color:#8B8B8B; font-size:11px; text-decoration:none;}
.popup span		{color:#B10300; }
.popup a		{color:#B10300; font-size:11px; text-decoration:none;}	
.popup a:hover	{color:#B10300; text-decoration:underline;}
.popup b{ color:#B10300; font-size:12px;}



.footer td 		  {color:#EDEDED; font-size:9px; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;}			
.footer a 		  {color:#FFFFFF; font-size:9px; text-decoration:none; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;} 			
.footer a:hover   {color:#FFFFFF;text-decoration:underline; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;}
.footer span a 		  	{color:#FFFFFF; font-size:9px; text-decoration:none; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;} 			
.footer span a:hover    {color:#FFFFFF;text-decoration:underline; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;}	
.footer span 	  {color:#FFFFFF; font-size:9px; font-family: Tahoma, Verdana, Lucida, Arial, sans-serif;}

.footer span img	{ margin-bottom:1px;}		

.shop_cart	{ height:32px; vertical-align:middle}   
.shop_cart strong{text-align:center; vertical-align:middle; color:#FFFFFF; font-size:12px}   
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.box_body td				{color:#8B8B8B;font-size:10px; }

.box_body a		    		{color:#1C1C1C; font-size:11px; font-weight:normal; text-transform:none;text-decoration:none; }
.box_body a:hover			{color:#1C1C1C;text-decoration:underline;}

.box_body span a		    {color:#1C1C1C; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase}
.box_body span a:hover		{color:#1C1C1C; font-weight:bold; text-decoration:underline;}

SPAN.newItemInCart 						{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;color: #D52D01;}
.box_body a SPAN.newItemInCart 			{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 10px;color: #D52D01; text-decoration:underline;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.smallText a			{color:#B10300; font-size:11px; text-decoration:none;}	/*  advanced_search.php  */
.smallText a:hover 		{color:#B10300; font-size:11px; text-decoration:underline;}
.smallText a u 			{color:#B10300; font-size:11px; text-decoration:none;}
.smallText a:hover u	{color:#B10300; font-size:11px; text-decoration:underline;}

TD.fieldKey 		{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;font-weight: bold;}

TD.fieldValue 		{font-family: Verdana, Lucida, Arial, sans-serif;font-size: 12px;}
.main a b 			{color:#5D5F60;font-size: 10px; text-decoration:underline;}
.main a:hover b		{color:#5D5F60;font-size: 10px; text-decoration:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
span.txt_1	{font-size:10px; text-transform:none; color:#000000;}	

SPAN.productSpecialPrice, .product SPAN.productSpecialPrice  
											{color:#373737; font-size:14px; font-weight:bold;}
.box_body SPAN.productSpecialPrice			{color:#B10300; font-size:12px; font-weight:bold;}
  
.cont_header_txt	em	{color:#E50029; font-size:14px; font-weight:bold; font-style:normal;vertical-align:middle;text-decoration:none;}
.product em		    	{color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; font-style:normal;} 
.product i		    	{color:#B10300; font-size:12px; text-decoration:underline; font-weight:bold; font-style:normal;} 
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.main	a		{color:#B10300; text-decoration:underline;}
.main	a:hover	{color:#B10300; text-decoration:none;}
.vam			{vertical-align:middle;}
input			{background:#ffffff;}
.bg_input input	{background:none;}
/* -------------------------------------------------          -------------------------------------------------------- */
/* -------------------------------------------------          -------------------------------------------------------- */
.product .shop_cart {	color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold;
						height:32px;text-align:center; vertical-align:middle;background:#95a19b;}

.padd_1 	{padding:0px 10px 0px 10px;}
.padd_22 	{padding:8px;}
td.padd2 	{padding:8px; padding-left:4px;}

.line_h		{ line-height:16px;}

.bg_gg	{background:#ebebeb;}
.bg_vv	{background:#FFF8D4;}
.bg_gg_1{background:#ebebeb;}

.product div				{padding:8px 5px 5px 5px;}
div.padd3					{text-align:left; padding-top:0px; margin-left:0px; margin-right:20px;}
.padd33 img, .padd33 input 	{margin:5px;}

.prod_info		{width:123px;}
.prod_info td	{text-align:center;}

.remove		{ width:20%;}
.products	{ width:45%;}
.quantity	{ width:15%;}
.total		{ width:20%;}
/* -------------------------------------------------          -------------------------------------------------------- */
.box_width_left			{ width:200px;}
.box_width_right		{ width:0px;}
.box_width_cont			{ width:100%;}			
/* -------------------------------------------------          -------------------------------------------------------- */

.wettbewerb_title {font-family: Verdana, Lucida, Arial, sans-serif; font-size: 13px; font-weight:bold; color: #990000;}
.wettbewerb_text {font-family: Verdana, Lucida, Arial, sans-serif; font-size: 10px; color: #6c6c6c;}

TABLE.popup {
  border-width: 1px;
  border-style: none;  
  border-color
}

/* -------------------------------------------------    Bullet List Accordion Menu      -------------------------------------------------------- */

.arrowlistmenu{
width: 196px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Verdana, Lucida, Arial, sans-serif;
color: #990000;
background: white url(images/titlebar.png) repeat-x center left;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0px 0px 5px; /*header text is indented 10px*/
cursor: hand;
height: 29px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
font: bold 12px Verdana, Lucida, Arial, sans-serif;
color: #FFFFFF;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #990000;
background: url(images/arrow_menu.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 3px 0;
padding-left: 22px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/* -------------------------------------------------   Glossy Accordion Menu   -------------------------------------------------------- */

.glossymenu{
margin: 5px 0;
padding: 0;
width: 196px; /*width of menu*/
border: 0px;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #F3F3F3 url(images/titlebar.png) repeat-x bottom left;
font: bold 11px Verdana, Lucida, Arial, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 7px;
text-decoration: none;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/titlebar-active.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #95A19B;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Lucida, Arial, sans-serif;
color: #990000;
text-decoration: none;
padding: 3px 0;
padding-left: 7px;
}

.glossymenu div.submenu ul li a:hover{
background: #EBCCCC;
colorz: white;
}

.footertext {
	font-family: arial, helvetica, sans-serif;
	font-size: 4px;
	color: #ffffff;
	text-decoration:none;
}

/* -------------------------------------------------   IMAGEMENU    -------------------------------------------------------- */

ul, li {
	margin: 0;
	padding: 0;
}

#container {
	width: 509px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#imageMenu {
	position: relative;
	width: 509px;
	height: 172px;
	overflow: hidden;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 172px;
	width: 1000px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 0px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:127px;
	height: 172px;
}

#imageMenu ul li.slider1 a {
	background: url(images/slider-fanshirts.jpg) repeat scroll 0%;
}

#imageMenu ul li.slider2 a {
	background: url(images/slider-retro.jpg) repeat scroll 0%;
}

#imageMenu ul li.slider3 a {
	background: url(images/slider-stylecaps.jpg) repeat scroll 0%;
}

#imageMenu ul li.slider4 a {
	background: url(images/slider-wettbewerb-tranquillo.jpg) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}

/* -------------------------------------------------          -------------------------------------------------------- */