/*
  $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
*/
@import "speed4projectde/shopbewertung/stylesheet.css";
@import "speed4projectde/shopbewertung/stylesheetbox.css";

#magnifierPopup {
position:absolute; 
top:0px; left:0px; 
background:#f7f8fa; 
padding:10px; 
z-index:5; 
border:1px solid #a2a9af;
display:none;
}

#magnifierPopupSizes{
background:#e5e8ed;
text-align:center;
padding:5px;
border:1px solid #a2a9af;
margin-top:5px;
}

#magnifierPopupSizeCollection{
font-size:11px;
z-index:6;
}

#magnifierPopupImage{
	border:1px solid #e5e8ed;
	background: #ffc url(../images/ajax-loader-ffffcc.gif) center center no-repeat;
}

.magnifierPopupImageOnError{
	text-align:center;
	padding:30px 0 0 0;
}

.magnifierPopupImageOnError img{
	width:200px; height:200px;
}


img{
border:0px;
}
.newslettersubmit{margin-left:5px; width:30px; height:23px;  background:url(http://www.yfo-men.com/images/newsletter/subscribeNewsletterForFiveSubmitter.jpg); border:1px solid #3d454e; cursor:pointer; }
.newslettersubmit:hover{ background:url(http://www.yfo-men.com/images/newsletter/subscribeNewsletterForFiveSubmitterHover.jpg); }

.livepanel{

width:777px;
height:135px;
background:url(http://www.yfo-men.com/images/live/live_bg.jpg);
margin-bottom:20px;
margin-top:20px;
margin-left:4px;
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
 color:#3d454e;
 background:#fff url('images/bg.png') center top;
}

.BackgroundTop
{
 background:url('images/top_bg.png') center top repeat-x;
 padding-top:20px;
 text-align:center;
}
.BackgroundBottom
{
 background:url('images/bottom_bg.png') center bottom repeat-x; 
}
.MainContent
{
background-color:#FFFFFF;
width:1000px;
margin:0 auto;
}


A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
 
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 
 
  font-weight : bold;
}

A.headerNavigation { 
color:#CCCCCC; 
}

A.headerNavigation:hover {
color:#CCCCCC;
 text-decoration:underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, 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;
}

.infoBox {
 
}

.infoBoxContents {
 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}*/

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;  
  font-weight: bold;
  background:url('images/category_menu.jpg') left top no-repeat;
  margin-left:5px;
  color: #FFFFFF;
  padding-left:10px;  
  cursor:pointer;
  width:190px;
  height:30px;
  text-decoration:none;
  vertical-align:middle;
}
TD.infoBoxHeading a
{
  color: #FFFFFF;
  text-decoration:none;
  
}
TD.infoBoxHeading a:hover
{
  color: #FFFFFF;
  text-decoration:none;
  
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, 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: #a2a9af;
  border-spacing: 0px;
  color:#5A6571;
}
 

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #d3d8e1;
  color:#5a6571;
  font-weight: bold;
  height:30px;
  text-align:center;  
  border-bottom:1px solid #a2a9af;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#5A6571;
  vertical-align:middle;
  text-align:center;
 
}

A.pageResults {
  color: #5A6571;
  
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color:#5A6571;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color:#5A6571;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#5A6571;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, 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: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/* //rmh M-S_multi-pricing begin */
TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccFFcc;
}
/* //rmh M-S_multi-pricing end */

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.inputRestriction { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666666; } /* //rmh M-S_multi-stores */

#HeadMenu
{
width:950px;
font-size:15px;
}
#HeadMenu a 
{
  text-decoration:none;
   color:#FFFFFF;
   cursor:pointer;
}
#HeadMenu a div {
  text-decoration:none;
  color:#FFFFFF;    
  
} 

html>body #HeadMenu a div{text-decoration:none;
  color:#FFFFFF;    
          
  display:table-cell; vertical-align:middle;
  margin-top:middle;
  }

#HeadMenu a:hover div
{
  text-decoration:none;
  color:#FFFFFF;
  background-image:url('images/headMenu/shopbar_hov.png');  
   
  
}
html>body #HeadMenu a:hover div
{
  text-decoration:none;
  color:#FFFFFF;
  background-image:url('images/headMenu/shopbar_hov.png');  
       
 display:table-cell; vertical-align:middle;
 margin-top:middle;
  
}


#HeadMenu Td
{
  text-align:center;font-family:Arial;font-weight:bold;color:#FFFFFF;  
}
#HeadMenuDown
{
width:950px;
font-size:15px;

}
#HeadMenuDown a 
{
  text-decoration:none;
  color:#FFFFFF;
  cursor:pointer;
}

#HeadMenuDown a div
{
 text-decoration:none;
  color:#FFFFFF;    
 
  vertical-align:middle;
  padding-top:5px;
}
html>body #HeadMenuDown a div
{
  text-decoration:none;
  color:#FFFFFF;    
         
  display:table-cell; vertical-align:middle;
}
#HeadMenuDown a:hover div
{
 text-decoration:none;
  color:#FFFFFF;
  background-color:#026B93;
    
}
html>body #HeadMenuDown a:hover div
{
  text-decoration:none;
  color:#FFFFFF;
  background-color:#026B93;
           
  display:table-cell; vertical-align:middle;
   
}
#HeadMenuDown Td
{
text-align:center;font-family:Arial;font-weight:bold;color:#FFFFFF;
}

#CategoryBox
{
 width:100%;
 
}
#CategoryBox a
{
text-decoration:none;
color:#5A6571;
font-family:Verdana;
cursor:pointer;
}
#CategoryBox a div
{
text-decoration:none;
width:100%;
height:100%;
 vertical-align:middle;
  padding-top:2px;
}
#CategoryBox a:hover div
{
text-decoration:none;
background-color:#CCCCCC;
width:100%;
height:100%;
 vertical-align:middle;
  padding-top:2px;
 
}
#ProductsTab
{
}
#ProductsTab a
{
 text-decoration:none;
 color:#5A6571;
 font-family:Verdana;
 cursor:pointer;
}
#ProductsTab a div
{
text-decoration:none;
border:dotted 1px;
width:100%;
height:100%;
}
#ProductsTab a:hover div
{
text-decoration:none;
background-color:#E5E8ED;
border:solid 1px;
width:100%;
height:100%; 
 
}
#brandsImageTab
{
}
#brandsImageTab a
{
 text-decoration:none;
 color:#5A6571;
 font-family:Verdana;
 cursor:pointer;
}
#brandsImageTab a div
{
text-decoration:none;
border:dotted 1px;
width:100%;
height:100%;
}
#brandsImageTab a:hover div
{
text-decoration:none;
background-color:#E5E8ED;
border:solid 1px;
width:100%;
height:100%; 
 
}


#brandsTab
{
width:100%;
}
#brandsTab a
{
text-decoration:none;
color:#5A6571;
font-family:Verdana;
cursor:pointer;
}
#brandsTab a div
{
text-decoration:none;
width:100%;
height:100%;
 vertical-align:middle;
  padding-top:2px;
}
#brandsTab a:hover div
{
text-decoration:none;
background-color:#CCCCCC;
width:100%;
height:100%;
 vertical-align:middle;
  padding-top:2px;
 
}
#headerSearch 
{
 font-size:14;font-weight:bold;padding-left:10px;font-family:Verdana;color:#5A6571;
}

.buttonStyle
{
background:none;
background-image:url('images/btn.png');  
border:none;
cursor:pointer;
width:140px;
height:25px;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
font-size:12;font-family:Verdana;color:#FFFFFF;
}

.buttonStyle:hover
{
background:none;
  background-image:url('images/btnHover.png');   
  background-repeat:no-repeat;
  border:none;
  cursor:pointer;
width:140px;
height:25px;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
font-size:12;font-family:Verdana;color:#FFFFFF;
}
.PriceText
{
 font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 
  color:#5A6571;
}
.pagingTab
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #5A6571;
	text-align:center;	
	width:100%;
	height:25px;
	border:solid 1px #CCCCCC;
	vertical-align:middle;
	 padding-top:5px;
	
}
.pagingTab a.current
{
	border: 1px solid #03AAE8;
	font: 12px Verdana,Helvetica,sans-serif;
	padding: 2px 6px 2px 6px;
	cursor: pointer;
	color: #03AAE8;
}
.pagingTab a.paginate 
{
	padding: 2px 6px 2px 6px;		
	font: 12px Verdana,Helvetica,sans-serif;	
	cursor: default;
cursor: pointer;	
}

.pagingTab a.paginate:hover {
	
	color: #03AAE8;
	text-decoration:underline;
	cursor: pointer;
	
}

span.inactive {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 6px 2px 6px;
	color: #03AAE8;
	cursor: default;
}

/* ****** CONTENTS ****** */
#yc_menu .content{ padding:0 0 10px 0; }
#yc_menu .content ul { margin:0 0 6px 0; padding: 0 12px 0 12px; }  
#yc_menu .content ul li {  
list-style:none;  
font-size:11px; /*font-size:12px; */
text-align:left;
text-indent:10px;
line-height:15px;
}  
#yc_menu .content ul li a {  
text-decoration:none;  
padding-bottom:1px;
display:block;
width:174px;
}  
#yc_menu .content ul li a:hover { text-decoration:none; }  
#yc_menu .content ul li a .small {  
font-size:10px; /* font-size:8px; */
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
left:4px;
top:0px;
}
#yc_menu .menu_headline{
text-indent:0;
display:block;
font-weight:bold;
font-size:12px; /* font-size:14px; */
margin: 5px 0 5px 0;
padding:4px 0 0 0;
border-top:1px solid #dfe5ef;
}



.socialbookmark{
position:absolute;
 
background:#fff;
margin:0 auto;
top:0;
margin-left:698px;
width:302px; min-height:20px;
cursor:pointer;
-moz-border-radius:5px 5px 0 0;
-khtml-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
z-index:10000;
}

.socialbookmark .sbBar{
padding:0 5px;
}

.socialbookmark .sbBookings{
position:relative;
width:300px;
height:280px;
border:1px solid #a2a9af;
border-top:none;
background:#fff;
font-size:11px;
display:none;

}

.socialbookmark .sbClose{
position:absolute;
top:0; right:0;
background:#5a6571;
padding:2px 2px 5px 5px;
color:#fff;
font-weight:bold;
line-height:10px;
-moz-border-radius:0 0 0 5px;
-khtml-border-radius:0 0 0 5px;
-webkit-border-radius:0 0 0 5px;
-o-border-radius:0 0 0 5px;;
border-radius:0 0 0 5px;
}

.socialbookmark .sbTopIcons{
padding:5px 10px;
}
.socialbookmark p{
margin:0; padding:0;
}

.socialbookmark .sbTopIco{
display:inline-block;
padding: 0 3px 0 0;
}
.socialbookmark .sbTopIco img{
vertical-align:bottom;
 border:none; 
}


.socialbookmark .sbBarIcon{

}
.socialbookmark .sbBarIcon img{
vertical-align:middle;
 border:none; 
}
.socialbookmark .sbBar h4{
font-size:11px;
font-weight:normal;
display:inline;
margin:0 5px;
}




.socialbookmark .sbSubIcons{
padding:10px;
}
.socialbookmark .sbSubIcons ul{
list-style:none;
float:left;
width:33%;
margin-left:-40px;
}

.socialbookmark .sbSubIcons li{

float:left;

}

.socialbookmark .sbArrowDown{
}

.socialbookmark h2{
background:#e5e8ed;
padding:3px 10px;
font-size:10px;
font:normal;
margin:0 0 0 0;
}

.socialbookmark .sbSubIcons a img{
vertical-align:middle;
 border:none; 
}
.socialbookmark .sbSubIcons a{
display:block;
padding:2px;
}
.socialbookmark .sbSubIcons a:hover{
background:#e5e8ed;
text-decoration:none;
}


.socialbookmark .sbTopIcons a{
display:inline-block;
padding:2px;
}
.socialbookmark .sbTopIcons a:hover{
background:#e5e8ed;
text-decoration:none;
}

div.jquery-image-zoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 5px solid #fff;
	margin: -5px;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

	div.jquery-image-zoom a {
		background: url(common_gfx/jquery.imageZoom.png) no-repeat;

		display: block;
		width: 25px;
		height: 25px;

		position: absolute;
		left: -17px;
		top: -17px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -17px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.jquery-image-zoom a:hover {
		background-position: left -25px;
	}

	div.jquery-image-zoom img, 
	div.jquery-image-zoom embed, 
	div.jquery-image-zoom object, 
	div.jquery-image-zoom div {
		width: 100%;
		height: 100%;
	}


.expand-down {
  font-family:Arial, Helvetica, sans-serif;
  line-height:normal;
  margin-top:-30px;
  margin-bottom:20px;
  height:100px;
  width:300px; 
  left:-60px;
}
/* reset margins and paddings */
.expand-down * {
  margin: 0;
  padding: 0;
}
.expand-down ul {  
}
.expand-down ul li {
  float:left;
  list-style-type:none;
  
}
.expand-down ul li a {
  text-decoration:none;
}
.expand-down ul li a img {
  width:70px;  /* initial width of images, 50% of width */
  height:70px; /* initial height of images, 50% of height */
 
  border:none;
}
/* initially, don't show the label inside <span> tag */
.expand-down ul li a span {
  display:none;
}
.expand-down ul li:hover a span {
  /* show label on mouse hover */
  display:block;
  font-size:14px;
  text-align:center;
  color:#fff;
}
/* expand the image to 100% on mouse hover.
** an image becomes active when mouse hovers it
** ideally, the image should have same width and height as below 
*/


.expand-down ul li:hover a img {
  width:100px;
  height:100px;
  margin-left:-15px;
  margin-top:-15px;
}