@import "Yolly7_Controls_Individual.css";

/*================ RESET CSS MARGINS ETC =========== */
/* v1.0 | 20080212 */
/*html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top; background: transparent;}*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: top; background: transparent;}
body {line-height: 1;}
/*ol, ul {list-style: none;}*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
html, body{height:auto; overflow-y:auto;}


/* === BEGIN === */
body
{
	background-color: #fff;
	text-align: center;
	font-family: Arial, Helvetiva, sans-serif;
	padding-bottom: 15px;
	padding-top: 7px;
}

li {
	line-height: 145%;
}
div#wrap
{
	width: 968px;
	margin: 10px auto;
	text-align: left;
}
div#header
{
	height:90px;
}
div#header div#navigation {
	float:left;
	text-transform:uppercase;
	font-size: 110%;
	
}
div.subNavigation {
	line-height: 145%;
	font-size: 13px;
}
div#navigation li {
	line-height: 100%;
}

div#header div#navigation ul {	
	margin-left: 15px;
}
div#header div#navigation a {
	line-height:1.3em;
	font-size: 11px;
	letter-spacing: 0.15em;
	text-decoration: none;
}
div#header div#navigation a.active,
div#header div#navigation a:hover {
	font-weight: bold;
}

div#header div#navigation p {	
	margin-top: 75px;
	line-height:1.3em;
	font-size: 12px;
	margin-left: 15px;
	letter-spacing: 0.2em;
}

div#header div#logo {
	margin-top:51px;
	float:right;
}
div.box {
	margin-left:4px;
	margin-top:5px;
	float:left;
	height:148px;
	width:239px;
	background-image:url(../images/box_round.gif);
	background-repeat:no-repeat;
	overflow: hidden;
}

div #content div.box {margin: 0px 0px 4px 4px;}
div #content div.first {margin: 0px 0px 4px 0px;}
div.box a {
	display: block;
	height: 148px;
	background-image:url(../images/box_round.gif);
	background-repeat:no-repeat;
}
div.box a span
{
	padding: 7px 15px;
	display: block;
	font-size:20px;
	font-weight: normal;
	letter-spacing:0.05em;
	line-height: 150%;
	text-transform: uppercase;
}
div.box a span.big
{
	font-size: 39px;
	line-height: 110%;
	padding-bottom: 2px;
	font-weight: lighter;
}

div.box a span.sub
{
	padding-top: 0px;
	font-size: 13px;
}

div#navigation ul,
div#navigation ol,
div#navigation li,
div#news ul,
div#news ol,
div#news li
{
	list-style-type: none;
	list-style:none;
	padding: 0px;
	margin:0px;
}

/* ------------------------------------------- */
#theme_blue div.box a,
#theme_red div.box a,
#theme_green div.box a,
#theme_purple div.box a,
#theme_orange div.box a,
#theme_brown div.box a,
#theme_yellow div.box a,
div.brandSearch
{
padding-top:7px;
height:141px;
}

#theme_blue div.box a span.big,
#theme_red div.box a span.big,
#theme_green div.box a span.big,
#theme_purple div.box a span.big,
#theme_orange div.box a span.big,
#theme_brown div.box a span.big,
#theme_yellow div.box a span.big,
#theme_blue div.box a span.sub,
#theme_red div.box a span.sub,
#theme_green div.box a span.sub,
#theme_purple div.box a span.sub,
#theme_orange div.box a span.sub,
#theme_brown div.box a span.sub,
#theme_yellow div.box a span.sub,
div.brandSearch span.searchFormHead
{
	padding: 0px 15px;
	display: block;
	font-size:20px;
	font-weight: normal;
	letter-spacing:0.05em;
	line-height: 140%;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
}
#theme_blue div.box a br,
#theme_red div.box a br,
#theme_green div.box a br,
#theme_purple div.box a br,
#theme_orange div.box a br,
#theme_brown div.box a br,
#theme_yellow div.box a br
{
	line-height: 0px;
	height: 0px;
	display: inline;
}
/* ------------------------------------------- */




#content #news
{
	background-color: #c0b5a2;
	text-align: right;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	line-height:24px;
	letter-spacing: 0.09em;
}
#content #news ul {
	margin-top: 10px;
}
#content #news ul li a,
#content #news ul li a:hover
{
	background-color: #c0b5a2;
	color: #fff;
	padding-right: 15px;
	height: 25px;
	background: transparent;
	padding-top: 0px;
	text-decoration: none;
}
#content #news ul li a.active,
#content #news ul li a:hover
{
	font-weight: bold;
}


div.gridbox
{
	margin-left:4px;
	font-size:12px;
}

#layoutBoxes div.b968x300
{
	width: 968px;
	height: 300px;
	background-image:url(../images/bg_968x300.gif);
	background-repeat:no-repeat;
	float: left;
}

#layoutBoxes div.b968x300_2
{
	width: 968px;
	height: 300px;
	background-image:url(../images/bg_968x300_2.gif);
	background-repeat:no-repeat;
	float: left;
}

#layoutBoxes div.b725x300
{
	width: 725px;
	height: 300px;
	background-image:url(../images/bg_725x300.gif);
	background-repeat:no-repeat;
	float: left;
}

#layoutBoxes div.b482x300
{
	width: 482px;
	height: 300px;
	background-image:url(../images/bg_482x300.gif);
	background-repeat:no-repeat;
	float: left;
}

#layoutBoxes div.b239x300
{
	width: 239px;
	height: 300px;
	background-image:url(../images/bg_239x300.gif);
	background-repeat:no-repeat;
	float: left;
}


#layoutBoxes div.b239x148x2
{
	width: 239px;
	height: 300px;
	float: left;
	background-image:url(../images/bg_239x148x2.gif);
	background-repeat:no-repeat;

}
#layoutBoxes div.b239x148x2 div
{
	width: 239px;
	height: 148px;
	margin-left: 0px;
	margin-top: 4px;
	float: left;
}

#layoutBoxes div.b239x148x2 div div
{
	width: auto;
	height: auto;
	margin-left: none;
	margin-top: none;
	float: none;
}

#layoutBoxes div.b239x148x2 div.top
{
	margin-top: 0px;
}

div.gridbox img
{
	margin: -15px;
}
div.gridbox .scrollableArea img,
div.gridbox .scrollableAreaWithHeader img {
	margin:0px;
}

div.gridbox p,
div.gridbox ul
{	
	font-size:12px;
	letter-spacing:-0.01em;	
	line-height:145%;
	margin-top: 0px;
	margin-bottom:15px;
}

div.gridbox .flowText
{
	font-size:12px;
	letter-spacing:-0.01em;
	line-height:145%;
	margin-bottom:16px;
}

div.gridbox p.errorHeader
{
	margin-bottom:0px;
}

div.gridbox p.headertext
{
	font-weight: bold;
}

.pictureInCorner
{
	width: 200px;
	position: absolute;
	top: 446px;
	left: 50%;
	margin-left: -450px;
	z-index: 1;
}

.pictureInCorner img,
div.gridbox .pictureInCorner img
{
	margin: 0;
}

div.gridbox div.space table tr td table tr td table tr td table tr td img,
div.gridbox div.space table tr td img
{
	margin: 00px !important;
	margin: 00px;
}

div.gridbox div.space table tr td table tr td table tr td .scrollableArea
{
	overflow: visible !important;
	overflow: visible;
}

div.gridbox  h1
{
	font-size:14px;
}

div.space,
#layoutBoxes div.gridbox div.space
{
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
}
div.first {
	margin-left:0px
}
div.clear {
	clear:both
}
div.center
{
	text-align: center;
}
.hide
{
	display:none;
}





/* === COLOR DEFINITIONS === */



/* === Theme Yellow ==========*/

#theme_yellow
{
scrollbar-face-color: #FFE491;
scrollbar-highlight-color: #F5F3F0;
scrollbar-3dlight-color: #FFF2C9;
scrollbar-darkshadow-color: #FFEAA8;
scrollbar-shadow-color: #DE8B04;
scrollbar-arrow-color: #DE8B04;
scrollbar-track-color: #FFEAA8;
}

#theme_start div.box #theme_yellow a,
#theme_yellow div.box,
#theme_yellow div.box a {
	background-color: #FFB800;
	color: #fff;
}
#theme_start div.box #theme_yellow a:hover,
#theme_yellow div.box a.active,
#theme_yellow div.box a:hover {
	background-color: #FFE399;
	color: #D98200;
}
#theme_yellow div.gridbox h1
{
	color: #D98200;
}
#theme_yellow div.gridbox,
#theme_yellow div.gridbox div.b239x148x2 div {
	background-color: #FFE399;
}
#theme_yellow div.gridbox,
#theme_yellow div.gridbox a,
#theme_yellow div.gridbox a:hover,
#theme_yellow div.gridbox div.subNavigation a:hover,
#theme_yellow #header div#navigation 
{
	color: #D98200;
}
#theme_yellow #header div#navigation a {
	color: #D98200;
}

/* === Theme Green ==========*/

#theme_green
{
scrollbar-face-color: #D2DF80;
scrollbar-highlight-color: #F2F5D9;
scrollbar-3dlight-color: #DBE599;
scrollbar-darkshadow-color: #DBE599;
scrollbar-shadow-color: #A6BF00;
scrollbar-arrow-color: #A6BF00;
scrollbar-track-color: #DBE599;
}

#theme_green  input.button,
#theme_start div.box #theme_green a,
#theme_green div.box,
#theme_green div.box a {
	background-color: #B0CC17;
	color: #fff;
}
#theme_start div.box #theme_green a:hover,
#theme_green div.box a.active,
#theme_green div.box a:hover {
	background-color: #D7E58B;
	color: #406b00;
}
#theme_green div.gridbox h1
{
	color: #406b00;
}
#theme_green div.gridbox,
#theme_green div.gridbox div.b239x148x2 div {
	background-color: #D7E58B;
}
#theme_green div.gridbox,
#theme_green div.gridbox a,
#theme_green div.gridbox a:hover,
#theme_green div.gridbox div.subNavigation a:hover,
#theme_green #header div#navigation 
{
	color: #406b00;
}
#theme_green #header div#navigation a {
	color: #406b00;
}

/* === Theme Red ==========*/

#theme_red
{
scrollbar-face-color: #EAA7B0;
scrollbar-highlight-color: #F9E5E7;
scrollbar-3dlight-color: #EEB9C0;
scrollbar-darkshadow-color: #EEB9C0;
scrollbar-shadow-color: #C4041D;
scrollbar-arrow-color: #C4041D;
scrollbar-track-color: #EEB9C0;
}

#theme_red input.button,
#theme_start div.box #theme_red a,
#theme_red div.box,
#theme_red div.box a {
	background-color: #C92B2B;
	color: #fff;
}
#theme_start div.box #theme_red a:hover,
#theme_red div.box a.active,
#theme_red div.box a:hover {
	background-color: #EAA7B0;
	color: #730026;
}
#theme_red div.gridbox {
	background-color: #EAA7B0;
	color: #730026;
}
#theme_red div.gridbox h1 {
	color: #730026;
}
#theme_red div.gridbox,
#theme_red div.gridbox a,
#theme_red div.gridbox a:hover,
#theme_red div.gridbox div.subNavigation a:hover,
#theme_red #header div#navigation {
	color: #730026;
}
#theme_red #header div#navigation a {
	color: #730026;
}

/* === Theme Purple ==========*/

#theme_purple
{
scrollbar-face-color: #D993D2;
scrollbar-highlight-color: #F4DFF2;
scrollbar-3dlight-color: #E1A9DB;
scrollbar-darkshadow-color: #E1A9DB;
scrollbar-shadow-color: #AB109C;
scrollbar-arrow-color: #AB109C;
scrollbar-track-color: #E1A9DB;
}


#theme_start div.box #theme_purple a,
#theme_purple div.box,
#theme_purple div.box a {
	background-color: #ab109c;
	color: #fff;
}
#theme_start div.box #theme_purple a:hover,
#theme_purple div.box a.active,
#theme_purple div.box a:hover {
	background-color: #d993d2;
	color: #4a1080;
}
#theme_purple div.gridbox {
	background-color: #d993d2;
	color: #4a1080;
}
#theme_purple div.gridbox h1
{
	color: #4a1080;
}
#theme_purple div.gridbox,
#theme_purple div.gridbox a,
#theme_purple div.gridbox a:hover,
#theme_purple div.gridbox div.subNavigation a:hover,
#theme_purple #header div#navigation {
	color: #4a1080;
}
#theme_purple #header div#navigation a {
	color: #4a1080;
}

/* === Theme Orange ==========*/

#theme_orange
{
scrollbar-face-color: #FFBC73;
scrollbar-highlight-color: #FFEBD5;
scrollbar-3dlight-color: #FFC98F;
scrollbar-darkshadow-color: #FFC98F;
scrollbar-shadow-color: #FF8500;
scrollbar-arrow-color: #FF8500;
scrollbar-track-color: #FFC98F;
}

#theme_start div.box #theme_orange a,
#theme_orange div.box,
#theme_orange div.box a {
	background-color: #FF7800;
	color: #fff;
}
#theme_start div.box #theme_orange a:hover,
#theme_orange div.box a.active,
#theme_orange div.box a:hover {
	background-color: #FFBC73;
	color: #b82b00;
}
#theme_orange div.gridbox {
	background-color: #FFBC73;
	color: #b82b00;
}
#theme_orange div.gridbox h1
{
	color: #b82b00;
}
#theme_orange div.gridbox,
#theme_orange div.gridbox a,
#theme_orange div.gridbox a:hover,
#theme_orange div.gridbox div.subNavigation a:hover,
#theme_orange #header div#navigation {
	color: #b82b00;
}
#theme_orange #header div#navigation a {
	color: #b82b00;
}
#theme_orange .buttonPanel input.button 
{
	background-color: #ff8500;
}

/* === Theme Blue ==========*/

#theme_blue
{
scrollbar-face-color: #9DC3F5;
scrollbar-highlight-color: #E2EDFC;
scrollbar-3dlight-color: #B1CFF7;
scrollbar-darkshadow-color: #B1CFF7;
scrollbar-shadow-color: #247AE8;
scrollbar-arrow-color: #247AE8;
scrollbar-track-color: #B1CFF7;
}




#theme_start div.box #theme_blue a,
#theme_blue div.box,
#theme_blue div.box a
{
	background-color: #26C2FF;
	color: #fff;
}
#theme_start div.box #theme_blue a:hover,
#theme_blue div.box a.active,
#theme_blue div.box a:hover {
	background-color: #92E0FF;
	color: #004489;
}
#theme_blue div.gridbox {
	background-color: #92E0FF;
	color: #fff;
}
#theme_blue div#layoutBoxes div.gridbox .space .accountInfoBoxPanel a:hover,
#theme_blue div.gridbox h1,
#theme_blue div.gridbox h2,
#theme_blue div.gridbox h3,
#theme_blue div.gridbox h4,
#theme_blue div.gridbox,
#theme_blue div.gridbox a,
#theme_blue div.gridbox a:hover,
#theme_blue div.gridbox div.subNavigation a:hover,
#theme_blue .igpnl_StandardHeaderExpanded,
#theme_blue .headlines td,
#theme_blue .rankingPanel thead,
#theme_blue .childrenOverviewPanel thead,
#theme_blue .detailAccountPanel thead
#theme_blue #header div#navigation {
	color: #004489;

}
#theme_blue #header div#navigation a {
	color: #004489;
}

/* === Theme Brown ==========*/

#theme_brown
{
scrollbar-face-color: #DCD6CC;
scrollbar-highlight-color: #F5F3F0;
scrollbar-3dlight-color: #E3DED6;
scrollbar-darkshadow-color: #E3DED6;
scrollbar-shadow-color: #AC9E86;
scrollbar-arrow-color: #AC9E86;
scrollbar-track-color: #E3DED6;
}

#theme_start div.box #theme_brown a,
#theme_brown div.box,
#theme_brown div.box a {
	background-color: #c0b5a2;
	color: #fff;
	text-decoration: none;
}
#theme_start div.box #theme_brown a:hover,
#theme_brown div.box a.active,
#theme_brown div.box a:hover {
	background-color: #dcd6cc;
	color: #5f3c12;
}
#theme_brown div.gridbox {
	background-color: #dcd6cc;
	color: #5f3c12;
}

#theme_brown div.gridbox h1,
#theme_brown div.gridbox h2,
#theme_brown div.gridbox h3 {
	color: #5f3c12;
}

#theme_brown div.gridbox,
#theme_brown div.gridbox a,
#theme_brown div.gridbox a:hover,
#theme_brown div.gridbox div.subNavigation a:hover,
#theme_brown #header div#navigation {
	color: #5f3c12;
}
#theme_brown div.gridbox a
{
	text-decoration: none;
}

#theme_brown #header div#navigation a {
	color: #5f3c12;
}

/* === Theme Default ==========*/

#theme_start div.box #theme_default a,
#theme_default div.box,
#theme_default div.box a {
	background-color: #c0b5a2;
	color: #fff;
	text-decoration: none;
}
#theme_start div.box #theme_default a:hover,
#theme_default div.box a.active,
#theme_default div.box a:hover {
	background-color: #dcd6cc;
	color: #5f3c12;
}
#theme_default div.gridbox {
	background-color: #dcd6cc;
	color: #5f3c12;
}
#theme_default div.gridbox h1 {
	color: #5f3c12;
}
#theme_default #header div#navigation {
	color: #5f3c12;
}
#theme_default #header div#navigation a {
	color: #5f3c12;
}

/* === Theme STARTPAGE ==========*/

#theme_start #header div#navigation {
	color: #004489;
}
#theme_start #header div#navigation p {
	color: #004489;
}
#theme_start div.box a
{
	display: block;
	height: 148px;
	background-image:url(../images/box_round.gif);
	background-repeat:no-repeat;
}

#theme_start div.box a:hover,
#theme_start div.box a:hover span
{
	color: #fff;
}

/* Text styling */

div.gridbox h1
{
	margin-bottom: 16px;
}

a,
a:hover
{
	text-decoration: none;
	border:0px;

}



div#layoutBoxes div.gridbox .space a {
	text-decoration:underline;
	font-weight:bold;
}
div#layoutBoxes div.gridbox .space a:hover {
	color:#fff;
}

div#layoutBoxes div.gridbox div.subNavigation a,
div#layoutBoxes div.gridbox div.subNavigation a:hover,
div#layoutBoxes div.gridbox div.subNavigation a:active,
div#layoutBoxes div.gridbox div.subNavigation a:visited
{
	text-decoration:none;
	font-weight: normal;
}
div#layoutBoxes div.gridbox div.subNavigation b,
div#layoutBoxes div.gridbox div.subNavigation b a,
div#layoutBoxes div.gridbox div.subNavigation b a:hover,
div#layoutBoxes div.gridbox div.subNavigation b a:active,
div#layoutBoxes div.gridbox div.subNavigation b a:visited,
div#layoutBoxes div.gridbox div.subNavigation b *
{
	font-weight:bold;
}

/*Scrollable Areas */

#layoutBoxes div.gridbox div.space div.scrollableArea,
#layoutBoxes div.gridbox div.space div.scrollableAreaWithHeader
{
	height: 270px;
	overflow: auto;
}
#layoutBoxes div.gridbox div.space div.scrollableAreaWithHeader
{
	height:240px;
	padding-top:10px;
}
#layoutBoxes div.gridbox div.space div.scrollableAreaHeader {
	/*height:15px;
	border-bottom:2px solid white;*/
	/*background-color: #fff;*/
	height: 17px;
	line-height: 17px;
	text-align: center;
	background: transparent url(../Images/header_bg.gif) no-repeat;
}
#layoutBoxes div.b482x300 div.space div.scrollableAreaHeader  {
	height:30px;
	line-height:120%;
}
#layoutBoxes div.b482x300 div.space div.scrollableAreaWithHeader{
	height:225px;
}
 
.scrollableAreaHeader span
{
	padding-right:15px;
	color: #004489;
	color: #668f9b;
}
.scrollableAreaHeader  span.active
{
	font-weight:bold;
	/*font-size: 1.125em;*/
	color: #004489;
}
/*Feste breite fuer die Second Level Navi, da die Tablle sonst das Design sprengt*/
.b239x300 .scrollableArea
{
	width:205px;
}
#layoutBoxes div.b239x148x2 div.space div.scrollableArea
{
	height:130px;
}


/*Account Info Box Control */

div.gridbox div.accountInfoBoxPanel .dataLabel,
div.gridbox div.accountInfoBoxPanel .dataLabel span
{
	font-size:12px;
	font-size:12px !important;
}

.ctl08accountInfoBoxWebPanel_header
{
	display:none;
}

#layoutBoxes div.b239x148x2 div.dataLabel
{
	margin-top:0px;
}

.accountInfoBoxPanel .info
{
	font-weight:bold;
}

/*Category menu */
div.b239x148x2 .space h1
{
	margin-bottom:3px;
}
.categoryMenuPanel .igpnl_StandardPanel
{
	display:none;
}


/* Shopping Cart Control */
table.shoppingCartTable
{
	width: 675px;
}

#layoutBoxes div.gridbox table.shoppingCartTable td.buttonPanel input
{
	margin-bottom: 0px;
}
#layoutBoxes div.gridbox .shoppingCartPanel .buttonPanel,
#layoutBoxes div.gridbox .shoppingCartPanel .buttonPanel input,
#layoutBoxes div.gridbox .shoppingCartPanel .sumPanel
{
	margin-right:0px;
}
#layoutBoxes div.gridbox .shoppingCartPanel .sumPanel span
{
	padding-right:0px;
}

.shoppingCartPanel hr.conclusion {display:none;}
/* Order Control */

.orderPanel table {
	width:678px;
}
.orderAddressDropDownPanel
{
	display:none;
}
.orderButtonPanel
{
	padding-right:192px;
	margin-top: 0px;
}
.orderPanel table.addressTable
{
	margin-left:80px;
	margin-top:10px;
	width:auto;
	margin-bottom: 0px;
}
.orderPanel table.addressTable .leftColumn
{
	width:100px;
}
.addressTable input
{
	float:none;
}
.addressTable select
{
	width:325px;
	float:none;
}

.personalInfoPanel 
{
	padding-bottom: 16px;
}

/* ============== LoginControl ===================== */
.loginPanel 
{
	margin-top: 10px;
	margin-left: 0px;
}


.loginPanel .inner
{
	padding:0px;
}
.loginNicknamePanel input, .loginPasswordPanel input
{
	float:none;
}
.loginNicknamePanel,
.loginPasswordPanel,
.buttonPanel 
{
	margin-left: 0px;
	padding-left: 0px;
}

/* Form Styling */

/* Labels */
.loginNicknamePanel span,
.loginPasswordPanel span,
label
{
	font-size:12px;
	display: block;
	padding-bottom:2px;
}

.cardActivationControl label,
.cardBalance label
{
	margin:15px auto;
}

/* Input Fields */
#layoutBoxes .loginNicknamePanel input,
#layoutBoxes .loginPasswordPanel input,
input.text,
select
{
	display: block;	
	margin-bottom: 3px;
	border: 2px solid #fff;
	background-color: #fff;
}

.cardActivationControl input.text,
.cardBalance input.text,
#layoutBoxes .loginNicknamePanel input,
#layoutBoxes .loginPasswordPanel input

{
	width:323px;
}

/* Submit Buttons */
input.button
{
	border:0px none;
	padding:2px;
	cursor:pointer;
}

.cardActivationControl input.button,
.cardBalance input.button,
.loginPanel .buttonPanel 
{
	margin-right:123px;
}
.loginPanel .buttonPanel 
{
	
	width:329px;
	margin-right:0px;
}

/* Table styling */

table
{
	margin: auto auto;
}
div.gridbox table
{
	font-size:12px;
}
td,th
{
	padding: 2px;
	text-align: left;
}
th,
.headlines td
{
	font-weight: bold;
	padding-bottom: 10px;
}
/* White border at the bottom of tds */
.searchResultsTable  .innerResultsTable td,
.scrollableAreaWithHeader .shoppingCartPanel table.shoppingCartTable tr td,
.orderPanel table.orderItemsTable tr td,
div .itemDetailPricePanel,
td
{
	border-bottom: 1px solid #fff;
}

/* Special td-elements that shouldn't have a white border at the bottom */
.secondLevelMenuWebPanel td,
.scrollableAreaWithHeader .shoppingCartPanel table.shoppingCartTable tr.headlines td,
.scrollableAreaWithHeader .shoppingCartPanel table.shoppingCartTable tr td.buttonPanel,
.searchResultsTable  td,
.orderPanel table.addressTable td,
.orderPanel table.orderItemsTable tr.headlines td,
.orderPanel table.orderItemsTable tr.conclusion td,
table.itemOverviewDataList td,
table.igtab_StandardControl_Outer td,
table.content-navigation-container td
{
	border-bottom:0px none;
}


/* === SEARCH TEMPLATE ADDITIONS === */

/* Width 100% can be used here, since this table will never scroll*/
table.searchResultsTable
{
	width: 100%;
}
table.searchResultsTable table.paginate span
{
	vertical-align:middle;
}
table.searchResultsTable table.paginate td.page-label
{
	padding-top:3px;
}
table.searchResultsTable table.paginate input
{
	padding-left:4px;
	padding-right:4px;
}

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

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

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

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


/* Second Level Navigation Control */
#ctl09secondLevelMenuWebPanel_header {
	display:none;
}

.button,
#topNavigation,
.inner,
.registerWebPanelAddress,
.registerWebPanelParticipant,
.registerWebPanelPassword,
.igtab_StandardDefaultTab_Bottom,
.igtab_StandardDefaultTab_Top {
	background-color:transparent;
}

div#layoutBoxes div.gridbox .space .secondLevelMenuPanel a,
div.secondLevelMenuPanel a {
	border-bottom:0px solid white;
}

.secondLevelMenuWebPanel .igpnl_StandardHeaderExpanded {
	background-color:transparent;
	border-bottom:0px solid;
	padding-left:0px;
}
.secondLevelMenuWebPanel {
	border-bottom:0em solid #EFB663;
}
div.gridbox div.secondLevelMenuPanel div.linkPanel a {
	padding:0 0 4px 22px; /*10 + 12 for padding of first level*/
}
div.secondLevelMenuPanel a.active {
	background-color:transparent;
	font-weight: bold;
}
div.secondLevelMenuPanel a:hover {
	background-color:transparent;
}


/* Top Items Control */

.topItemsPanel .headlinePanel
{
	display:none;
}
.itemPreview
{
	background:none;
}
.itemPreviewPoints a
{
	display:inline;
}
.itemPreviewPoints
{
	text-align:center;
}

/* Item Detail Control */
.agbAccept span.checkboxRight
{
	float:none;
	display:inline;
}
.agbAccept
{
	width:auto;
	float:left;
	text-align:left;
	padding-top:10px;
}
.agbAccept .agbAcceptCheckbox
{
	margin-top:5px;
	float:left;
}
.itemDetailPanel .buttonPanel .agbAccept input.button
{
	margin-top:0px;
}
.agbAccept {
	position:static;
}


/* Overall Shop Styles*/
hr.conclusion
{
	background-color:white;
	border-color:white;
	color:white;
}
hr.conclusion,
div.shoppingCartPanel div.buttonPanel,
.sumPanel,
div.itemDetailPricePanel
{
	
	margin-left:10px;margin-right:10px;
}



.agbAccept input {
	margin-top: 0px;
}
/*do this in IE only*/
* html .agbAccept input, 
*+html .agbAccept input 
{
	margin-top: -3px;
}
/*FIX IE Button Width*/
input.button
{	
/*margion: 0px 5px 0px 5px;*/
padding: 3px 10px;
width: auto;
overflow: visible;
}

div.sumOrderItemsPanel {margin-right:10px;}
div.inputCheckPanel {text-align:right;margin-top:10px;}
div.inputCheckPanel div.inner {margin-right:10px;}
div.inputCheckPanel input {width: 68px;}

div#layoutBoxes div.gridbox .topItemsPanel a,
div#layoutBoxes div.gridbox .accountInfoBoxPanel a
{
text-decoration: none;
}
div#layoutBoxes div.gridbox .accountInfoBoxPanel
{
	margin-top: 0px;
	padding-top: 0px;
}
div#layoutBoxes div.gridbox .accountInfoBoxPanel a
{
	margin-top: 0px;
	padding-top: 0px;
}
div#layoutBoxes div.gridbox .accountInfoBoxPanel div.dataLabel {margin:0;padding:0;}
div#layoutBoxes div.gridbox .accountInfoBoxPanel div.dataLabel span,
div#layoutBoxes div.gridbox .accountInfoBoxPanel div.dataLabel a
{
	margin: 0px 0px 6px 0px;
	display:block;
}
div#layoutBoxes div.gridbox .accountInfoBoxPanel div.info{margin:0;padding:0;}
div#layoutBoxes div.gridbox .accountInfoBoxPanel div.info a
{
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 6px;
	display:block;

}

div#layoutBoxes div.gridbox .space .secondLevelMenuPanel table td a.active
{
	color:#fff;
}
div#layoutBoxes div.gridbox .space .secondLevelMenuPanel table td a 
{
	font-weight: normal;
	text-decoration: none;
}

/* brand navi hack*/
#layoutBoxes .b239x148x2 .scrollableArea .categoryMenuPanel table {width:170px;}
div.outerMenu {width:185px;}

table td.noborder,
table.noborder td
{border: 0px solid #fff}