/*	
	ist Original von USA seite, 
	einigermassnnn verbessert und style2 mitreingenommen (fuer clon damals)
	alex230806
		
	style1.css --> nun default.css
	alex271206
	
	style fuer EWE schon mal ganz nach unten 
	alex040107
	
*/

body,th,td,p,span,ol,a,input,select,textarea,form,Xdl {font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; color:#000;}
body,th,td,p,span,ol {font-size:11px; color:#333;}
body {background-color:#fff;}

.small-text {font-size:10px;}
a.small-text-white {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a.small-text-white:hover, a.small-text-white:active {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
a.small-text-white:visited {
	font-size:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

input {background-color:#fff;}

.dottedline {
	padding-left:1px; 
	margin:0px;
	background-image:url(/global/common/images/dottedline-vertical.gif);
	background-repeat:repeat-y;
}

/* DOESN'T WORK IN NS6 */
.vert2 {font-size:2px;}
.vert3 {font-size:3px;}
.vert4 {font-size:4px;}
.vert5 {font-size:5px;}
.vert6 {font-size:6px;}
.vert7 {font-size:7px;}

#fap {
	font-size:11px;
	background:#e6e6e6;
	color:#666;
	margin:4px 3px 0px 0px;
}


.ln1 {
	font-size:11px;
	color:#000;
	padding:1px 4px 4px 4px;
}
.ln1 a, .ln1 a:link, .ln1 a:visited {text-decoration:none; color:#000;}
.ln1-on {
	font-size:11px;
	color:#f00;
	padding:1px 0px 2px 0px;
}
.ln2 {
	font-size:10px;
	color:#000;
	padding:1px;
}
.ln2-on {
	font-size:10px;
	padding:1px;
	color:#f00;
}
.ln2-carat {padding:3px 2px 0px 0px;}


.rn1, .rp1 {
	font-size:11px;
	font-weight:bold;
	padding:1px 1px 2px 3px;
}
.rn1 {background-color:#d9d9d9; color:#000;}
.rp1 {background-color:#720000; color:#fff;}
.rn2-carat {background-color: #fff; padding:3px 2px 0px 3px;}
.rp2-carat {padding:3px 2px 0px 3px;}
.rn2 {
	font-size:10px;
	color:#000;
	background-color:#fff;
	padding:1px;
}
.rn2-on {
	font-size:10px;
	color:#f00;	
	background-color:#fff;
	padding:1px;
}
.rp2 {
	font-size:10px;
	color:#000;
	padding:1px;
}
.rp2-on {padding:1px;}


.ln2 a, .ln2 a:link, .ln2 a:visited, .rn2 a, .rn2 a:link, .rn2 a:visited, .rp2 a, .rp2 a:link, .rp2 a:visited {font-size:10px; text-decoration:none; color:#000;}
.ln1 a:hover, .ln2 a:hover, .rn2 a:hover, .rp2 a:hover {text-decoration:underline; color:#f20000;}
.ln1 a:active, .ln2 a:active, .rn2 a:active, .rp2 a:active {text-decoration:underline; color:#f33;}


#bc {font-size:10px; padding-top:3px;}
#bc a, #bc a:link {font-size:10px; color:#808080;}
#bc a:hover {color:#f20000;}
#bc a:active {color:#f33;}
#bc-curr {font-size:10px; color:#f20000;}


#top_header_countryselector {
	font-size:11px;
	font-weight:bold;
	background:#e6e6e6;
	color:#666666;
}

/* #top_nav_productlist {
	color:#666666;
	background-color:#e6e6e6;
	font-size:11px;
	margin:4px 3px 0px 0px;
} */
#top_nav_productlist {
	color:#666666;
	background-color:#e6e6e6;
	font-size:11px;
	margin:10px 6px 0px 0px;
}

.pretext {font-size:10px; margin-bottom:3px;}
#page-title, #page-title-wide {margin-bottom:10px;}
#page-title-text {
	font-size:20px;
	line-height:21px;
	color:#f20000;
	padding:11px 0px 15px 0px;
}
#page-subtitle {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#333;
	padding:0px 0px 0px 1px;	
}


.undertitle {margin-top:2px; line-height:14px;}
.title-reg {font-size:12px;}

#main-content{line-height:14px;}

.mkt-banner {margin:25px 1px 15px 5px;}






.txt-gray {color:#808080;}

.product-list {margin:14px 0px 5px 72px;}
.product-name {font-size:13px; font-weight:bold;}
.product-price {
	font-size:13px;
	font-weight:bold;
	color:#f20000;
	margin-bottom:3px;	
	padding:3px 4px 3px 4px;
	background-color:#f2f2f2;
	border-width:1px;
	border-style:solid;
	border-color:#d9d9d9;
}


.hor-line {
	width:385px;
	border-bottom:1px #bebebe solid;
	margin-bottom:9px;
}
.hor-dotted-line {border-bottom:1px #757575 dotted; margin-bottom:9px;}
.hor-space {width:385px; margin-bottom:9px;}

.f-li {
	margin-top:2px; 
	padding-left:10px; 
	text-indent:-10px;
}

.carat-li {
	margin-top:5px;
	padding-left:12px;
	text-indent:-12px;
}
.carat-down-li, .carat-up-li {
	margin-top:3px;
	padding-left:10px;
	text-indent:-10px;
	font-size:10px;
}


.icon-li {margin-top:5px;}

.ct-coltitle-on, .ct-rowtitle, .ct-cell, .ct-cell-on, .ct-cell-bold {font-size:10px;}
.ct-coltitle {padding:8px 4px 9px 4px; font-size:10px;}
.ct-cell2 {font-size:11px;}
.ct-coltitle, .ct-coltitle-on, .ct-rowtitle {background-color:#f3f3f3;}
.ct-coltitle-on, .ct-cell-on {color:#f20000; font-weight:bold;}
.ct-cell {color:#333;}
.ct-coltitle2 {
	padding:6px 3px 7px 4px;
	font-size:11px;
	background-color:#f3f3f3;
}

.pu-question {
	text-align:left;
	background-color:#e5e5e5;
	border-bottom:1px solid #979797;
	margin-bottom:8px;
	padding:10px 4px;
}
.pu-answers {margin:0px 0px 0px 11px;}

.sr {line-height:15px; margin-top:15px;}
.sr-url {color:#808080;}
.sr-curr-page {color:#f20000; font-weight:bold;}

.ec-date {color:#474747;}

.si-tab, .si-tab-on {margin:3px 10px 4px 9px; font-weight:bold;}
.si-tab-on {color:#f20000;}
.si-tab, .si-tab a {color:#8c0000; text-decoration:none;}
.si-col-head, .si-col-head-sort {
	text-align:left;
	font-weight:bold;
	background-color:#f3f3f3;
	color:#474747;
	padding:4px 2px 6px 5px;
}
.si-col-head-sort {background-color:#ccc;}
.si-col-head a, .si-col-head-sort a {text-decoration:none;}
.si-cell {
	background-color:#fefefe;
	color:#474747;
	padding:1px 2px 2px 7px;
}


.pulled-quote {
	font-style:italic;
	background-color:#f3f3f3;
	border-color:#bebebe;
	border-width:1px;
	border-style:solid;
	padding:8px;
} /* font-weight:bold; kann evtl. reingenommen werden, war ueber umwegen definiert wurde aber nich interpretiert*/

.byline {
	padding:3px 0px 0px 17px;
	text-indent:-10px;
	font-weight:bold;
}

.screenshot {float:right; padding:4px 0px 0px 5px;}

.toolbar {
	/*border-top-color:#000000;
	border-top-width:1px;
	border-top-style:solid;
	padding:6px 0px 10px 5px;*/
} 


div.portlettitleyellowbackground {
	color:#000000;
	font-weight:bold;
	padding:1px 0px 1px 3px;
	font-size:12px;
}
div.portlettitleredbackground {
	color:#ffffff;
	font-weight:bold;
	padding:1px 0px 1px 3px;
	font-size:12px;
}

.clear { 
	clear:both; 
	height:1px; 
	line-height:1px; 
	font-size:1px; 
} 

.hide { display:none; }

/* spacer */
.space5 { height:5px; line-height:5px; }
.space8 { height:8px; line-height:8px; }
.space10 { height:10px; line-height:10px; }
.space15 { height:15px; line-height:15px; }
.space20 { height:20px; line-height:20px; }
/* END spacer  */


.section-head-sm, .section-head-sm-red, .section-head-sm-dkred {font-weight:bold; margin-bottom:4px;}
.section-head-lg-yellow {
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;
	color:#ffcc00;
}
h1, h2, h3, h4, h5, h6, .section-head-lg-red, .section-head-sm-red {color:#f20000;}
.section-head-sm-dkred {color:#8c0000;}
.section-head-for_toplist {
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

/* das wird schonmal fuer die news/events artikel pages gebraucht/EWE!  (e.g. section-head-lg) */
h1, h2, h3, h4, h5, h6, .section-head-lg, .section-head-lg-red {
	font-size:13px;
	font-weight:bold;
	margin-bottom:3px;
}
.section-head-lg, .section-head-sm {color:#333333;}
/* END das wird schonmal...  */




/* nur zum ersten testen fuer flagship - alex 221206 
ffefef efefef */
#dummy_border_div {
	background-color:#e5e5e5;
	border:1px solid #ffcc99;
	margin:5px;
	padding:5px;	
}
#dummy_border_div {
	font-family:Verdana;
	color:#ff6600;
	font-size:.8em;
}

div.modrow ul li {
	background:none;
	list-style-image:none;
	list-style:disc !Important;
	margin-left:34px;
	padding-left:0px;
}

div.modrow ol {margin:0 0 1em !Important;}
div.modrow ol li {margin:0 0 0 20px !Important;}
div.modrow ol li {/margin:0 0 0 30px !Important;}


div.modrow a {color:#333 !Important; text-decoration:underline !Important;}
div.modrow a:hover {color:#ff0000 !Important; text-decoration:none !Important;}
div.modrow p {color:#333 !Important;}

/* 
bei neuem css dann evtl so weiter machn:
@import url(elements.css);
@import url(layout.css); /sprich das css fur spalten layout pagetypes (z.b.?)
@import url(header.css);
@import url(leftnav.css);
@import url(footer.css);
@import url(rightnav.css);
@import url(forms.css); 

*/


			/* hide from IE5-mac \*/
			
			
			/* @import url('layout.css');   das is dann nich kommentiert */
			
			
			/* end hide from IE5-mac */
			/* loaded only by IE5-mac */
			/*\*//*/
			
			
			/* @import "layout-macie.css";  das is dann nich kommentiert */
			
			/**/
			/* end only IE5-mac */
			
			/* @import url(xxxx.css);
			@import url(xxxx.css);
			@import url(xxxx.css);
			@import url(xxx.css);
			@import url(xxx.css);
			@import url(xxxx.css);
			@import url(xxxx.css);
			@import url(xxxx.css);
			@import url(xxxx.css); */
			
			/* hide from IE5-mac \*/
			
			/* @import url('ie.css');  das is dann nich kommentiert  */
			
			/* end hide from IE5-mac */
			/* loaded only by IE5-mac */
			/*\*//*/
			
			
			/* @import "ie5mac.css"; das is dann nich kommentiert */
			
			
			/**/
			/* end only IE5-mac */



/* EoF */

