body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 100%;
	font-family: Verdana;
	color: #636060;
}

table { border-spacing: 0;}
table { border: none; margin: 0; padding: 0; }
table td { padding: 0; margin: 0; border: none; font-size: 80%; }
* html table { border-spacing: 0; border-collapse: collapse;}
img { border: 0; }

table.layout { width: 100%; height: 100%; }
table.layout td { vertical-align: top; }
table.layout td.empty { width: 4%; }
table.layout td.left { width: 65%; padding-right: 60px; background-color: #f7f6f6; background-position: right top; background-repeat: repeat-y;}
table.layout td.right { width: 31%; padding-left: 40px; background-position: left top; background-repeat: repeat-y;}
table.layout td.system-links { padding-left: 37px; }
table.layout td.left div.sheet-bl { min-height: 200px; //height: 200px; text-align: left; background: url(/i/sheet_bl.jpg) no-repeat left bottom; }
table.layout tr#head td { height: 130px; }
table.layout tr#footer td { vertical-align: bottom;  }
table.layout tr#head img.logo { margin: 35px 0 0 93px;  /* position: absolute; top: 50px; left: 93px; */ }

/************/
/* Themes */
/************/
body.theme0 table.layout td.left { background-image: url(/i/core_shad_l_0.jpg); }
body.theme0 table.layout td.right { background-image: url(/i/core_shad_r_0.jpg); background-color: #1d0000;}
body.theme1 table.layout td.left { background-image: url(/i/core_shad_l_1.jpg); }
body.theme1 table.layout td.right { background-image: url(/i/core_shad_r_1.jpg); background-color: #9b0800;}
body.theme2 table.layout td.left { background-image: url(/i/core_shad_l_2.jpg); }
body.theme2 table.layout td.right { background-image: url(/i/core_shad_r_2.jpg); background-color: #4f5200;}
body.theme3 table.layout td.left { background-image: url(/i/core_shad_l_3.jpg); }
body.theme3 table.layout td.right { background-image: url(/i/core_shad_r_3.jpg); background-color: #00549c;}

/* Illustrations */
#Illustration {  height: 360px; background-position: 50% 50%; background-repeat: no-repeat; position: relative; top: 0; left: 0;}
#Illustration  { margin: 10px 30px 50px 50px; }
body.theme0 #Illustration { background-image: url(/i/ill_apple.jpg); }
body.theme3 #Illustration { background-image: url(/i/ill_strawberry.jpg); }
body.theme2 #Illustration { background-image: url(/i/ill_kiwi.jpg); }
body.theme1 #Illustration { background-image: url(/i/ill_watermelon.jpg); }
/* Inner tearing illustration */
#Illustration div { height: 100%; }
#Illustration div.tl { background: #f2d356 url(/i/ill-tl.gif) no-repeat left top; }
#Illustration div.bl { 
	position: absolute;
	bottom: 36px;
	left: 70px;
	z-index: 1;
	width: 110px;
	height: 51px;
	background: transparent url(/i/ill-howto.gif) no-repeat left top;
}
#Illustration div.br { 
	position: absolute;
	bottom: -29px;
	right: -23px;
	right: expression(
		( document.getElementById('Illustration').clientWidth % 2 > 0  )
		?
		( '-24px' )
		:
		( '-23px' )
	);
	z-index: 1;
	width: 288px;
	height: 328px;
	background: transparent url(/i/ill-br.png) no-repeat right bottom;
	cursor: pointer;
	cursor: hand;
}
* html #Illustration div.br { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/ill-br.png', sizingMethod='crop'); //background: none; }
.transparent5 { opacity: 0.9; filter: Alpha( opacity='90' ) }

/* Theme Selector */
#ThemeSelector { padding-top: 5px; }
#ThemeSelector div { height: 31px; margin-top: -5px; text-align: right; background: url(/i/th_sel_shad.gif) no-repeat right bottom; }
#ThemeSelector div img { cursor: pointer; cursor: hand;}
#ThemeSelector div.selected { background-image: url(/i/th_sel_shad-s.gif); }
#ThemeSelector div.selected img { cursor: auto; border-right: 10px solid #f7f6f6;}

/* Torn Sheet */
#TornSheet { position: absolute; top: 50px; left: 0; }
#TornSheet,
#TornSheet div { width: 267px; height: 493px; }
#TornSheet.png { background: transparent url(/i/torn_shadow.png) no-repeat left top; }
* html #TornSheet.png { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/torn_shadow.png', sizingMethod='crop'); //background: none; }
#TornSheet .gif { background: transparent url(/i/torn_sheet.gif) no-repeat left top; }


/* Navigation and sys-links */
td.system-links { padding-top: 50px; }
td.system-links span { margin-right: 40px; }

.navigation ul { margin: 0; padding: 0; list-style: none; }
.navigation ul.menu { color: #ffd800; font-family: Arial; font-size: 130%; }
ul.menu li { margin-bottom: 15px; font-weight: normal;}
ul.menu li.selected { color: #ff6600; }
ul.menu li ul { font-size: 90%; list-style: none; margin-top: 5px; margin-left: 20px; color: #ebe47b; }
ul.menu li li { margin-bottom: 5px; font-weight: normal; }
ul.menu a { color: #ffd800; }
ul.menu a:visited { color: #eac703; }
ul.menu a:hover { color: #ffff99; }
ul.menu ul a,
ul.menu ul a:visited { color: #ebe47b; }

/* Copy */
p.copy { color: #cec8c8; font-size: 90%; margin-bottom: 40px;}

/* Content */

#content { padding-left: 10px; position: relative; top: 0px; left: 20%; width: 73%;}
#content .la { margin-left: -0.55em; }
#content .large { color: #c0130e; font-size: 140%; }
p { margin-top: 0; }
.downloads a { color: #ffcc99; }
.downloads { color: #cec8c8; }

/* Common */
.relative { position: relative; left: 0; top: 0; z-index: 0; }
.inc_zindex { z-index: 5; }

td.system-links span.flag {
	margin-right: 33px;
}
td.system-links span.flag IMG {
	margin: 2px;
}
td.system-links span.f_sel IMG {
	border: 2px solid white;
	margin: 0;
}
.gold { color:#b3995a; font-size:120%; }
table.price { text-align:center; border:1px solid #888888; border-right:0; border-bottom:0; }
table.price td { padding:10px; border-right:1px solid #888888; border-bottom:1px solid #888888; }
#clnd { padding:0; margin:0; }
#calbody { background-image:url(/i/calendar/bg.png); height:449px; width:636px; }
#setka { height:360px; width:353px; float:left; margin-left:4px; }
#smell { height:360px; width:255px; float:right; margin-right:4px; }
#setkaimg { height:360px; width:353px; cursor:pointer; }
#smellimg { height:360px; width:255px; cursor:pointer; }
#calbodyb { background-image:url(/i/calendar/bgb.png); height:446px; width:636px; }
#setkab { height:357px; width:350px; float:left; margin-left:4px; }
#smellb { height:357px; width:253px; float:right; margin-right:3px; }
#setkaimgb { height:357px; width:350px; cursor:pointer; }
#smellimgb { height:357px; width:253px; cursor:pointer; }

