@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:430px;
height: 230px;
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{
	position:absolute;
	top:70px;
	right:55px;
	z-index:1;
}