@import "Yolly7_Controls_Individual.css";

body
{
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-align: center;
color: #000000;
}

#all{
	padding-bottom:0;
}

a img
{
border: none;
}

a:link, a:visited {
color:#8B5C29;
}

.ct
{
text-align: left;
width: 1000px;
margin: 0 auto;
}

.tpb
{
background: url(../i/lbg.gif);
height: 13px;
}

.lineBottomPanel
{
background: url(../i/lbg.gif);
height: 3px;
}

.clear
{
clear: both;
}

.slogan
{
color: #666666;
padding-left: 30px;
margin-bottom: 20px;
margin-top: 26px;
margin-left:650px;
font-size: 13px;
}

.top
{
height: 120px;
margin-bottom: 4px;
}

.dtl
{
background: url(../i/lg.gif) repeat-x;
height: 1px;
overflow: hidden;
}

.nav1 
{
font-size: 12px;
background: #b2b2b2;
padding-left: 175px;
margin-bottom: 7px;
height: 19px;
}


.nav1 div
{
display: inline;
float: left;
color: white;
/*font-weight: bold;*/
}


.nav1 a
{
display: block;
float: left;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
padding-right: 20px;
color: white;
text-decoration: none;
}

.nav1 a.active
{
font-weight: bold;
}

.nav1 a:hover
{
text-decoration: underline;
}

.ctl
{
float: left;
margin-top: 28px;
width: 178px;
margin-left: 10px;
margin-bottom: 20px;
}

.content
{
float: left;
margin-top: 28px;
width: 812px;
margin-bottom: 20px;
}

.logo
{
position: absolute;
margin-left: 0px;
margin-top: 26px;

}

.gridbase
{
float: left;
height: 200px;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
}

.gridbase p
{
color: #666666;
font-size: 12px;
line-height: 140%;
}

.gridbase a
{
font-size: 12px;
}

.gridbase h2,
.gridbase h3,
.gridbase h4
{
font-size: 13px;
margin-bottom: 7px;
}

.gridbase h1
{
font-size: 18px;
margin-bottom: 9px;
}

.bInner img
{
margin: -15px;
}

.bInner span img
{
margin: 0px;
}

.corner
{
position: absolute;
}

.corner div
{
position: absolute;
}

.corner .x1
{
background: url(../i/b1.gif) top left no-repeat;
width: 7px;
height: 7px;

}

.corner .x2
{
background: url(../i/b2.gif) top left no-repeat;
width: 8px;
height: 7px;
}

.corner .x3
{
background: url(../i/b3.gif) top left no-repeat;
width: 7px;
height: 7px;
margin-top: 193px;
}

.corner .x4
{
background: url(../i/b4.gif) top left no-repeat;
width: 8px;
height: 7px;
margin-top: 193px;
}


.b1
{
width: 193px;
margin-right:0;
}

.b1 .corner .x2,
.b1 .corner .x4
{
margin-left: 185px;
}


.b2
{
width: 401px;
}

.b2 .corner .x2,
.b2 .corner .x4
{
margin-left: 393px;
}

.b3
{
width: 609px;
}

.b3 .corner .x2,
.b3 .corner .x4
{
margin-left: 601px;
}

.b4
{
width: 812px;
margin-right:0;
}

.b4 .corner .x2,
.b4 .corner .x4
{
margin-left: 804px;
}

.bInner
{
padding: 15px;
}

/* Overwrite styles */

/*content*/
#contentarea{		
	border				: none;
	border-top			: none;
	padding-bottom		: 20px;
	margin-top: 28px;
}
#contentrow{
    height				: 400px;
    min-height			: 400px;
}
#leftarea, #rightarea{	
	width: 185px;
	vertical-align		: top;
}
#leftcontentarea, .leftcontentarea
{
	padding: 0px;
	overflow: hidden;
	/*padding-left: 10px; not in AI*/
	/*width:150px;*/
	padding-right: 15px;
	
	
/*	margin-right:5px;
	padding-right:5px;*/
}
#rightcontentarea, .rightcontentarea{
	padding				: 15px 5px 0px 10px;
	overflow			: hidden;
}
#centerarea{
       vertical-align		: top;
       width: 820px;
}
#centercontentarea{
    margin-top			: 0px;
    margin-bottom		: 0px;

}

#rightarea
{
	display: none;
}

/* general */

h1,
h2
{
background-color: transparent;
background: none;
margin: 0;
padding: 0;
}

h3.marginBottom
{
margin-bottom: 12px;
}


.top

{
background: url(../i/top.jpg) no-repeat;
}

.gridbox2-2_1

{
background-color: #f3eee9;
}

 .gridbox2-2_2
{
background-color: #fff8e5;
margin-right:0;
}

.gridbox3-1_1
{
background-color: #ffece5;
}
 .gridbox3-1_1
{
background-color: #f3f3f3;
}

 .gridbox4
{
background-color: #f3f3f3;
}

 .gridboxHighlight
{
background-color: #f3eee9;
background-image: url(../i/grid_brown.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}

 .gridboxHighlight_2
{
background-color: #FFF8E5;
margin-right:0;
}

h1,
h2,
h3,
h4,

{
color: #8b5c29;
}

 .gridbase a
{
color: #8b5c29;
text-decoration: none;
border-bottom: 1px dotted #8b5c29;
}
 .itemPreviewText a
{
color: #8b5c29;
}


.contentarea .itemDetailPanel table td
{
color: #000000;
}

.contentarea .itemDetailPanel .itemDetailInfoPane TABLE TD
{
COLOR: black;
font-size: 110%;
}





/* Round Corner */

.cx1
{
background: url(../i/b1.gif) top left no-repeat;
}

.cx2
{
background: url(../i/b2.gif) top right no-repeat;
padding-top: 15px;
}

.cx3
{
background: url(../i/b3.gif) bottom left no-repeat;
}

.cx4
{
background: url(../i/b4.gif) bottom right no-repeat;
padding-bottom: 15px;
}


.dx1
{
background: url(../i/dx1.gif) top left no-repeat;
width: 7px;
height: 7px;
left: 0px;
top: 0px;
position: absolute;
}

.dx2
{
background: url(../i/dx2.gif) top left no-repeat;
width: 8px;
height: 7px;
right: 0px;
top: 0px;
position: absolute;

}

.dx3
{
background: url(../i/dx3.gif) top left no-repeat;
width: 7px;
height: 7px;
bottom: 0px;
left: 0px;
position: absolute;
}

.dx4
{
background: url(../i/dx4.gif) top left no-repeat;
width: 8px;
height: 7px;
right: 0px;
bottom: 0px;
position: absolute;
}

.itemOverviewPanel,
.shoppingCartPanel,
.shoppingCartTable,
.shoppingCartPanelOverview,
.orderItemsTable
{
background-color: #f0f0f0;
}

.shoppingCartPanelOverview .editAddressPanel
{
width: 808px;
}


.shoppingCartPanelOverview
{
background: url(../i/bg_cart1.gif) no-repeat top left;
background-color: #f0f0f0;
}

.shoppingCartPanelOverview .innerDivPanel
{
background: url(../i/bg_cart2.gif) no-repeat top right;
background-color: transparent;
}

.shoppingCartPanelOverview .innerDivBottomPanel
{
background: url(../i/bl1.gif) no-repeat bottom left;
background-color: transparent;
}

.shoppingCartPanelOverview .innerDivPanel TABLE TABLE TD A
{
color: black;
text-decoration: none;
}

.shoppingCartPanelOverview .innerDivPanel TABLE TABLE
{
width: 810px;
}


.shoppingCartPanelOverview .igtab_StandardControl_Outer TABLE.orderItemsTable
{
margin: 10px;
width: 788px;
margin-top: 3px;
}

.shoppingCartPanelOverview .addressTable,
.shoppingCartPanelOverview .orderAddressDropDownPanel
{
margin: 10px;
margin-top: 3px;
margin-bottom: 0px;

}

.shoppingCartPanelOverview .addressTable TD INPUT
{
float: left;
width: 450px;
}


.shoppingCartPanelOverview .innerDivPanel TABLE TABLE.addressTable 
{
WIDTH: 788px;
}

.orderConfirmationPanel
{
margin: 10px;
background-color: white;
padding: 10px;
border: 1px solid #cccccc;
margin-bottom: 30px;
width: 765px;
overflow: hidden;

}

.shoppingCartPanelOverview .orderButtonPanel
{
width: 810px;
}

.igtab_StandardDefaultTab_Top 
{
color: black;
}

.igtab_StandardSeparator_Top
{
width: 90%;
}

.igtab_StandardSelectedTab_Top
{
	text-decoration: none !important;
	font-weight:bold;
}

.editAddressPanel
{
text-align: right;
}




.lineBottomPanel
{
background: url(../i/lbg.gif);
height: 5px;
margin-bottom: 15px;
float: left;
width: 100%;
}

.itemPreview
{
background-color: #f0f0f0;
}

.contentarea .itemPreview .itemPreviewText a
{
font-weight: bold;
text-decoration: none;
border: none;
font-size: 110%;
}

.contentarea .itemPreview .itemPreviewText a
{
font-weight: bold;
text-decoration: none;
border: none;
font-size: 110%;
}

.contentarea .itemPreview a.itemDetailLink
{
cursor: pointer;
}

.contentarea .itemPreviewText
{
padding: 0;
padding-top: 8px;
padding-left: 8px;
width: 192px;
}

.itemPreview .itemPreviewImage
{
width: 208px;
height: 178px;
overflow: hidden;
position: relative;
background-color: white;
vertical-align: center;
}

.contentarea .itemPreviewPoints
{
padding: 0;
margin-left: 8px;
width: 192px;
text-align: right;
}

.contentarea .itemPreview  .itemPreviewPoints a
{
color: #8C8C8C;
font-size: 110%;
}

.itemDetailPanel,
.buttonPanelCart
{
background-color: #f0f0f0;
position:relative;
}



.contentarea .buttonPanelCart,
.contentarea .itemDetailPanel .buttonPanel
{
/*background: white;*/
background: none;
margin: 0;
padding: 0;
overflow: hidden;

}

.contentarea .buttonPanelCart .buttonLine,
.contentarea .itemDetailPanel .buttonLine
{
background: url(../i/blc.gif) top left repeat-x;
float: right;
}

.buttonPanelCartTop .tbuttonLine
{
background: url(../i/tlc.gif) top left repeat-x;
float: right;
}

.contentarea .buttonPanelCart .buttonCorner,
.contentarea .itemDetailPanel .buttonCorner,
.shoppingCartButtons .buttonCorner
{
background: url(../i/blm.gif) top left no-repeat;
padding-right: 10px;
padding-left: 46px;
height: 21px;
}

.buttonPanelCartTop .tbuttonCorner
{
background: url(../i/tlm.gif) top left no-repeat;
padding-right: 10px;
padding-left: 46px;
}

.contentarea .buttonPanelCart .buttonCorner .button,
.tbuttonCorner .button, 
.contentarea .itemDetailPanel .buttonCorner .button
{
border: none;
color: black;
padding-top: 6px;
vertical-align: middle;
padding-left: 20px;
padding-right: 20px;
}

.contentarea .itemDetailPanel .buttonCorner span
{
vertical-align: middle;
}


.itemDetailPricePanel
{
width:300px;
padding-right: 0px;
padding-left: 0px;
font-weight: bold;
font-size: 12px;
margin-bottom: 10px;
padding-bottom: 3px;
padding-top: 3px;
border-bottom: none;
text-align: left;
float: left;
}

.itemDetailInfoPane
{
clear:both;
margin-top: 10px;
}

.itemDetailInfoPane .igtab_StandardControl_Outer
{
width: 785px;
margin: 12px;
}



.itemDetailInfoPane .igtab_StandardControl_Outer TD.igtab_StandardSeparator_Top
{
display: none;
}

.contentarea .itemDetailPanel .itemDetailInfoPane TABLE 
{
WIDTH: 785px;
}

.contentarea .itemDetailPanel .itemDetailInfoPane .igtab_StandardControl_Outer TABLE
{
width: auto;
margin-bottom: 10px;
margin-left: 4px;

}

.contentarea .itemDetailPanel .igtab_StandardControl_Outer TABLE TD
{
padding: 0px 10px 0px 10px;
border-left: 1px solid black;
text-decoration: underline;
white-space: wrap;
}

.contentarea .itemDetailPanel .igtab_StandardControl_Outer TABLE TD.igtab_StandardSeparator_Top{
	display:none;
}

.contentarea .itemDetailPanel .igtab_StandardControl_Outer TABLE TD.igtab_StandardSelectedTab_Top
{
text-decoration: none;  
}

.itemDetailInfoPane .ig_StandardControl,
.contentarea .itemDetailPanel .itemDetailInfoPane .igtab_StandardControl_Outer
{
WIDTH: 785px!important;
}


.itemDetailNumber
{
margin-top: 0px;
margin-bottom: 8px;
margin-left: 15px;
}

.itemDetailLeftCol
{
margin-left: 20px;
}

.itemDetailPanel .headlinePanel
{
margin-bottom: 6px;

}

.itemDetailPanel .headlinePanel h4
{
margin-top: 0px;
padding: 0;
font-size: 14px;
margin-bottom: 8px;
}

.itemDetailInfoPanel,
.itemDetailMediaPanel,
.itemDetailLeftCol
{
float: left;
display: block;
position: relative;
}

.itemDetailInfoPanel
{
padding-left: 0;
padding-right: 15px;
width: 300px;
}

.itemDetailVariantsPanel
{
text-align: left;
}

.errorPanel
{
margin-left: 15px;
margin-bottom: 10px;
font-size: 110%;  
}

.textPanel
{
font-size: 110%;
}

.itemDetailUltraWebTabPanel
{
width:260px;
height: 230px;
padding:10px;
position: relative;
background-color: white;
overflow: hidden;
}

.detailImage
{
border: 1px solid white;
overflow: hidden;
}

.xigtab_StandardControl
{
//height: 195px;
//width: 260px;
//overflow: hidden;
//padding: 0;
}

.contentarea .itemDetailPanel table
{
	clear:both;
}

.contentarea .itemDetailPanel table td,
.igtab_StandardSeparator_Bottom,
.igtab_StandardSelectedTab_Bottom
{
padding: 0;
padding-top: 0;
border:none;
/*white-space: nowrap;*/
text-decoration: none;
}

.contentarea .itemDetailPanel .itemDetailInfoPane table td
{
white-space: normal;
}

.igtab_StandardControl td
{
margin-top: 8px;
}

.buttonPanelCart .bl1,
.bl1
{
background: url(../i/bl1.gif) top left no-repeat;
height: 21px;
}

.buttonPanelCart .bl2,
.bl2
{
background: url(../i/bl2.gif) top right no-repeat;
padding-right: 7px;
height: 21px;
}

.buttonPanelCart .blx,
.blx
{
background: url(../i/blx.gif) top left no-repeat;
height: 21px;
}

.buttonPanelCartTop .tl1,
.tl1
{
background: url(../i/tl1.gif) top left no-repeat;
height: 21px;
}

.buttonPanelCartTop .tl2,
.tl2
{
background: url(../i/tl2.gif) top right no-repeat;
padding-right: 7px;
height: 21px;
}

.itemImageTable
{
border-collapse: collapse;
height: 178px;
width: 100%;
}

.itemImageTable td
{
padding: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
}


div.dataForgottenPanel .igpnl_StandardControl 
{
width: 365px !important;
}


.itemPreviewText {
	height: 50px;
	
	
}

.roundCorners DIV.r1,
.roundCorners DIV.r2,
.roundCorners DIV.r2b,
.roundCorners DIV.r3,
.roundCorners DIV.r3b,
.roundCorners DIV.r4,
.roundCorners DIV.r4b,
.roundCorners DIV.r5,
.roundCorners DIV.r6,
.roundCorners DIV.r7
{
   background-color:#F0F0F0;
   line-height: 1px;
   color: #F0F0F0;
}

.roundCorners DIV.r1 {
   margin: 0 5px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
   background-color: #F0F0F0;
}
.roundCorners DIV.r2 {
   margin: 0 3px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r2b {
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r3 {
   margin: 0 2px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r3b {
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r4 {
   margin: 0 1px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r4b {
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r5 {
   margin: 0 1px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r6 {
   margin: 0 0px;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r7
{
   margin: 0;
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
}
.roundCorners DIV.r8 {
   border-left: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
   background-color: #F0F0F0;
   padding:0 10px;
}

#topNavigation {
background:#B2B2B2 none repeat scroll 0 0;
border:medium none;
font-size:12px;
height:19px;
margin-bottom:7px;
padding-bottom:0;
/*padding-left:175px;*/
padding-top:0;
}
#topNavigation a:hover {
color:white;
text-decoration:underline;
}

#topNavigation a.active {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#topNavigation a {
color:white;
display:block;
float:left;
font-weight:normal;
padding:0 20px;
text-decoration:none;
}

.nav1 {
background:#B2B2B2 none repeat scroll 0 0;
font-size:12px;
height:19px;
margin-bottom:7px;
padding-left:165px;
}

h1, h2, h3, h4
{
 color:#8B5C29;
 
}	



.odd, .igtbl_StandardAlt {
	background: none;
}

.contentarea .button, .igtab_StandardDefaultTab_Bottom, .igtab_StandardDefaultTab_Top {
border:none;
color:#000000;
cursor:pointer;
overflow:visible;
padding:2px 4px;
width:auto;
font-size: 12px;
}

.centercontentarea div.buttonPanel .button,
.centercontentarea div.editAddressPanel .button,
.centercontentarea div.orderButtonPanel .button {
	background-color:#DDD !important;
}

table.shoppingCartTable td.variantColumn
{
/*	background-color:#FFFFFF;		*/
}

hr.conclusion {
	visibility: hidden;
}

.itemDetailPanel .igtab_StandardControl_Outer table{
	width: 50px !important;
	margin:10px 0;
}

.roundCorners {
	clear:both;
}

.roundCornerImage .roundCorners DIV.r1,
.roundCornerImage .roundCorners DIV.r2,
.roundCornerImage .roundCorners DIV.r2b,
.roundCornerImage .roundCorners DIV.r3,
.roundCornerImage .roundCorners DIV.r3b,
.roundCornerImage .roundCorners DIV.r4,
.roundCornerImage .roundCorners DIV.r4b,
.roundCornerImage .roundCorners DIV.r5,
.roundCornerImage .roundCorners DIV.r6,
.roundCornerImage .roundCorners DIV.r7,
.roundCornerImage .roundCorners div.r8 {
	overflow: hidden;
	
}

.roundCornerImage img {
	margin: -15px;
}

.itemDetailUltraWebTabPanel img
{
	margin-left: -3px !important;
}

.contentarea .itemDetailPanel .buttonPanel input.button {
	background:#FFFFFF none repeat scroll 0 0;
	padding-left: 5px;
	margin-left: 5px;
	
}

.grid {
	clear:both;
}

.overview {
	margin-bottom:0;
	clear:both;
}

td.buttonPanel, .shoppingCartTable td.buttonPanel {
	border-bottom:1px dotted #737373;
}

div.buttonPanel input {
	border:1px solid #737373 !important;
}

.wishlistTable .even, .wishlistTable .odd,
.shoppingCartTable .even, .shoppingCartTable .odd,
.orderPanel .orderItemsTable .even, .orderPanel .orderItemsTable .odd {
	background:url(/templates/images/tr_background.gif) repeat-x 0 12px;
}

.headlines .sumColumn {
	width:100px;
}

.headlines .amountColumn {
	width:105px;
}

.wishlistTable .pointsColumn, .shoppingCartTable .pointsColumn {
	text-align:right;
}

.wishlistTable .pointsColumn span, .shoppingCartTable .pointsColumn span {
	padding-right:20px !important;
}

.wishlistTable .buttonPanel, .shoppingCartTable .buttonPanel {
	padding:12px 0;
	text-align:right;
}

.wishlistTable .button, .shoppingCartTable .button {
	padding:0 4px;
}

.wishlistTable input, .shoppingCartTable input {
	padding:0 10px !important;
}

.wishlistTable .buttonPanel input, .shoppingCartTable .buttonPanel input {
	min-width:100px;
}

.wishlistTable .imageColumn, .shoppingCartTable .imageColumn, .orderPanel .orderItemsTable .imageColumn {
	background:#F0F0F0;
}

#footer{
	padding-bottom:30px;
}

.manufacturer-logo-panel{
	background-image:url(/templates/images/manufacturer-logo-background.gif);
	padding:5px;
	width:150px;
	height:100px;
	line-height:100px;
	position:absolute;
	right:15px;
	text-align:center;
}

.manufacturer-logo-panel img{
	vertical-align:middle;
}

/* new style category & 2nd level navi */
.fly-site-menu-panel{
	margin-bottom:28px;
	width:165px;
}
.fly-site-menu-panel .headline-wrap h2{
	height:15px;
	font-size:12px;
	padding:3px 0 3px 10px;
	margin:0;
}
.fly-site-menu-panel a,
.fly-site-menu-panel a:visited{
	display:block;
	width:142px;
	font-weight:normal;
	padding: 3px 13px 3px 10px;
	background:url(/templates/CSS/Standard/images/igpnl_dwn.gif) no-repeat right;
	text-decoration:none;
	color:#666666;
	font-size:12px;
	line-height:14px;
}
.fly-site-menu-panel a:hover{
}
.fly-site-menu-panel a.active,
.fly-site-menu-panel a.active:visited,
.fly-site-menu-panel a.active:hover{
	font-weight:bold;
	background:url(/templates/CSS/Standard/images/igpnl_up.gif) no-repeat right;
}
.fly-site-menu-panel ul{
	list-style: none;
	margin:0;
	padding-left:0;
	font-size:0;
	line-height:0;
}
.fly-site-menu-panel ul ul{
	margin-top:0px;
	padding-left:15px;
}
.fly-site-menu-panel ul ul a,
.fly-site-menu-panel ul ul a:visited{
	padding:2px 0 2px 15px;
	width:135px;
	background:url(/templates/images/plus.gif) no-repeat 4px 7px;
}
.fly-site-menu-panel ul ul a:hover{
	background-color:transparent;
}
.fly-site-menu-panel ul ul a.active,
.fly-site-menu-panel ul ul a.active:visited,
.fly-site-menu-panel ul ul a.active:hover{
	font-weight:bold;
	background-color:transparent;
}
.fly-site-menu-panel ul li{
	line-height:16px;
}
.fly-site-menu-panel ul ul{
	display:none; /*js shows it again*/
}
:root .fly-site-menu-panel ul a.active+ul{ /* :root isn't supported by ie<=8, adjacent sibling combinator is buggy in those (and not supported at all by IE6) */
	display:block;
}
.fly-second-menu-panel{
	/*x .fly-site-menu-panel*/
}
.fly-category-menu-panel{
	/*x .fly-site-menu-panel*/
}