/* === COMMON =========================================== */
BODY {
	margin: 0;
	font-family: Tahoma, Arial, Microsoft Sans Serif, Helvetica;
	font-size: 8pt;
	background-color: #d9d8d8;

	background-image: url(/_i/bg/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

}

TABLE.decor { width: 100%; }
TABLE.decor TH { font-size: 0px; line-height: 0px; }
TABLE.decor TH.left, TABLE.decor TH.right { width: 8px; }
TABLE.decor TH.top, TABLE.decor TH.bottom { height: 8px; }


XML, XML * { display: none }

P { color: #808080; margin-bottom: 4px; }
STRONG.title { color: #808080; font-weight: bold; margin-bottom: 6px; display: block; }
.common { color: #808080; line-height: 130%; }
.warning { color: #FF0000; line-height: 130%; }
.trw { border: 1px dotted #f0f0f0; padding: 10px; margin-top: 0px; color: #808080; background-color: #ffff00; }
.note { font-size: 7pt;	color: #606060; }
.bold {	font-weight: bold; }
.dotted { background-image: url(/_i/dots.gif); }
.dotted2 { background-image: url(/_i/dots2.gif); }
.label {text-align:right;}
.fixedtipdiv { position:absolute; padding: 2px; border:1px solid black; z-index:100; color:black; background-color:#fff999; }

li.warn {
    background-color: #d8ff8d;
    border: 1px dotted #a6d252;
    padding: 6px;
}

td.common strong.warn {
    background-color: #fffb90;
    color: black;
}

SPAN.warn {
	/* color: #FFB401; */
	color: #a0a0a0;
}

SPAN.textlink A {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}
SPAN.textlink A:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #f0f0f0;
	border: 1px solid #808080;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 2px;
}
a.spam:visited { color: #878F03; }


H1 { font-size: 150%; font-weight: normal; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }
H2 { font-size: 120%; font-weight: normal; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }
H3 { font-size: 110%; font-weight: bold; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }
H4 { font-size: 100%; font-weight: bold; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }
H5 { font-size: 100%; font-weight: bold; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }
H6 { font-size: 70%; font-weight: bold; color: #0092CC; margin-top: 0px; margin-bottom: 10px; }

.product_list H2 { font-size: 150%; }
/* === FORMS ============================================ */
FORM { margin: 0px; padding: 0px; }
INPUT, SELECT {
	font-family: Tahoma, Arial, Microsoft Sans Serif, Helvetica;
	color: #808080;
}

UL.bulleted LI {
	list-style: square outside url(/_i/bull01.gif);
}

DIV.btn {
	background-image: url(/_i/bg/btn_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 6px;
	padding-right: 6px;
	height: 20px;
}

TD.selcell {
	background-color: #0092CC;
	padding-bottom: 3px;
}

P.note {
	border: 1px dotted #f0f0f0;
	padding: 10px;
	margin-top: 0px;
	font-size: 100%;
	color: #808080;
	background-color: #FFFFE7;
}
IMG.bnr_small {
	border: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
TD.thin { padding: 0px; }
H1.product, H2.product { border-bottom: 2px solid #B3D2EE; }


div.path {
	margin: 0px 24px 12px 24px;
	color: #fff;
}
div.path A {
	color: #CDF0FF;
}
div.path A:hover {
	color: #fff;
	text-decoration: underline;
}

A:link { color: #0092CC; text-decoration: none; }
A:visited { color: #0092CC; text-decoration: none; }
A:hover { color: #89C4E3; text-decoration: underline; }

TD.hdr { background-color: #f0f0f0; padding: 5px; color: #909090; font-size: 90%; font-weight: bold; }

TD.adj {
/*	height: expression(contentFrame.offsetHeight - 16); */
}
P.abz {
	margin-top: 5px;
	margin-bottom: 5px;
}
DIV.warn {
	font-size: 80%;
	color: red;
}
DIV.attention {
	background-color: #FFD658;
	color: white;
	padding: 4px;
	width: 100%;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 16px;
}
.intend { padding-left: 16px; }
.intend IMG { margin-right: 8px; vertical-align: middle; cursor: pointer; }
.intend DIV { padding: 8px; border: 1px dashed #DEDA73; background-color: #FFFDC3; margin-top: 8px; }

.bar1 { height: 12px; background-image: url(/_i/p1.gif); }
.bar0 { height: 12px; background-image: url(/_i/p0.gif); width: 40px; }

.product_list td { padding-bottom: 24px; }

.price { text-align: right; min-width: 100px; }

table.dashed td { border-bottom: 1px dashed #a0a0a0; padding: 4px; }
table.note-table td { padding: 4px; }

#mainmenu li {
	display: block;
	float: left;
	margin: 6px;
	font-size: 1em;
	font-weight: bold;
}
#mainmenu li.side {
	float: right;
}
#mainmenu li:after { border-right: 1px solid #b0b0b0; content: '...'; color: #7D8790; }
#mainmenu li.side:after { border-right: 0px; content: ''; }

#mainmenu li a {
	color: #d0d0d0;
}
#mainmenu li.selected a {
	color: #fff;
}

#mainmenu li a:hover {
	text-decoration: underline;
}
#page ul {
	margin-left: 20px;
}

#page * {
	line-height: 1.4em;
}


#intro {
	position: relative;
	height: 340px;
	background: #fff url(/_i/intro-bg.png) 50% 100% no-repeat;
	border: 1px solid #d0d0d0;
	margin-bottom: 24px;
}
#intro ul {
	position: absolute;
	bottom: 0px;
	right: 30px;
	background-color: #d0d0d0;
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
}
#intro ul:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#intro ul li {
	display: block;
	float: left;
	padding: 6px 6px 6px 6px;
	cursor: pointer;
}
#intro ul li:hover {
	text-decoration: underline;
}
#intro ul li.selected {
	background-color: #606060;
	color: white;
}
#intro #intro-clickarea {
	display: block;
	height: 320px;
	cursor: pointer;
}
#intro-slide-control {
/*
	background-color: #368EB6;
	color: #368EB6;
*/
	background-color: #f0f0f0;
	color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 24px;
}

#intro-slide-control.play {
	background-image: url(/_i/control_play_blue.png);
}
#intro-slide-control.pause {
	background-image: url(/_i/control_pause_blue.png);
}

table.Checkout input {
	border: 1px inset #d0d0d0;
	padding: 2px;
}
table.Checkout td {
	border-bottom: 1px dashed #d0d0d0;
	padding: 4px;
}
table.Form {
	margin-top: 12px;
}
table.Form td.label {
	text-align: right;
	padding-right: 8px;
	padding-bottom: 8px;
}
table.Form td {
	padding-bottom: 4px;
}
table.Form input, table.Form textarea {
	padding: 2px;
	border: 1px inset #000;
}
img { border: 0px; }
table.Form input[type~="Image"] {
	padding: 0px;
	border: 0px;
}
table.Form input[type~="button"], table.Form input[type~="submit"] {
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	padding: 6px;
	background-color: #8DC8E7;
	border: 0px;
	color: #fff;
	margin-right: 4px;
}

table.Form sup {
	color: red;
	font-size: 10pt;
	padding-left: 6px;
}
a.nohover:hover { text-decoration: inherit; color: inherit; }
#searchbox-outer .sb-border {
	height: 1px;
	line-height: 0px;
	background-color: #525e69;
	margin: 0px 1px 0px 1px;
}
#searchbox-inner {
	border-left: 1px solid #525e69;
	border-right: 1px solid #525e69;
	background: #fff url('/_i/search-bg.png') top left no-repeat;
	padding-left: 21px;
}
.searchbox input {
	border: 1px dashed #d0d0d0;
	background-color: transparent;
	outline: none;
	width: 100%;
	font-size: 3em;
}
#searchbox-inner input {
	border: 0px;
	background-color: transparent;
	outline: none;
	min-width: 300px;
}
#searchbox-go { display: none; }
#feedback-form {
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 999;
	width: 360px;
}
#tree li.selected {
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#fff;
	border:1px solid #CCCCCC;
	margin-top: 3px;
	padding: 0 3px 3px 3px;
}

.round6 {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 1px solid #d0d0d0;
	padding: 6px;
}
.round6-blue {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding: 6px;
	background-color: #8DC8E7;
	color: #fff;
}
.round6-blue a {
	color: #fff;
}
.round6-right-blue {
	border-top-right-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	padding: 6px;
	background-color: #8DC8E7;
	color: #fff;
}
.round6-right-blue a {
	color: #fff;
}
.round6-lite-blue {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	padding: 6px;
	background-color: #CCE6F5;
	color: #2278AA;
}
.round6-lite-blue a {
	color: #2278AA;
}
.round6-left-lite-blue {
	border-top-left-radius:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-bottom-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	padding: 6px;
	background-color: #CCE6F5;
	color: #2278AA;
}
.round6-left-lite-blue input {
	color: inherit;
	background-color: inherit;
}

#preorder-form {
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	background-color:#000;
	/* border: 1px solid red; */
	opacity: 0.5;
	filter:alpha(opacity=50);
	/* width: 176px; */
	padding: 6px;
	position: absolute !important;
	width: 400px;
	height: 400px;
	left: 500px;
	top: 700px;
}
#preorder-form-inner {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#fff;
	position: absolute;
	position: absolute !important;
	width: 338px;
	height: 338px;
	left: 505px;
	top: 705px;
	padding: 32px;
/*	
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080; 
*/
}

#preorder-form table {
	margin-right: 4px;
}
#preorder-form td {
	padding-top: 4px;
}