/*
BASIC COLORS
------------

blue:		#E4EAF0
pink:		#FFE0FF

*/

body
{
	margin:auto;
	margin-top:8px;
	margin-bottom:8px;
	width: 990px;
	font-family:Tahoma;
	font-size:11px;
}

div.body
{
	text-align:center;
}


/* WIDE: the header and the footer */
div.wide
{
	width: 978px;
	background-color:#E4EAF0;
	border-left: solid 1px #90c0f0;
	border-right: solid 1px #90c0f0;
	padding-left: 10px;
}

div.wide_before
{
	width: 990px;
	height:10px;
	background: url(/images/wide-top.gif);
	font-size:1px;
	clear:both;
}
div.wide_after
{
	width: 990px;
	height:10px;
	background: url(/images/wide-bot.gif);
	font-size:1px;
}
#navigator
{
	color:#205080;
}
/* top NAVIGATOR */
#navigator h1, #navigator h2, #navigator h3, #navigator div
{
	display:inline;
	font-size:16px;
	margin-right: 8px;
}
#navigator div
{
	float:right;
	font-weight:bold;
	margin-top:-20px;
}

#navigator div a, #navigator div div a:hover, #navigator div a.disabled, #navigator div div a:hover
{
	font-size:11px;
	font-weight:normal;
	color:#205080;
	text-decoration:none;
}
#navigator div a:hover
{
	color:#409fff;
}


/* FOOTER */
#footer
{
	color:#205080;
	padding-top:1px;
	padding-bottom:1px;
	text-align:center;
}
#footer a, #footer a:hover
{
	text-decoration:none;
	color:#205080;
	padding-left:5px;
	padding-right:5px;
}

#footer a:hover
{
	color:#409fff;
}

/* SIDE: the menu */
div#side
{
	float:right;
	margin-top: 8px;
	margin-bottom: 8px;
	color:#205080;
}
div#side_container, div#side_before, div#side_after
{
	background-color:#E4EAF0;
}
div#side_container
{
	width: 188px;
	height: 930px;
	height:inherit;
	padding-left: 10px;
	border-left: solid 1px #90c0f0;
	border-right: solid 1px #90c0f0;
}
div#side_before, div#side_after
{
	width: 200px;
	height:10px;
	height:10px;
	font-size:1px;
}
div#side_before
{
	background: url(/images/side-top.gif);
}
div#side_after
{
	background: url(/images/side-bot.gif);
	clear:both;
}
/*
div#side_container ul
{
	margin:0;
	padding:0;
	padding-top:8px;
	padding-bottom:8px;
}

div#side_container ul ul
{
	margin-right:16px;
	padding-top:0;
}

div#side_container li
{
	font-weight:bold;
	list-style-type:none;
}
div#side_container li ul li
{
	font-weight:normal;
	margin-left:8px;
	margin-top:2px;
}
*/

div#side_container ul /* countains the names */
{
	margin:0;
	margin-right:10px;
	padding:0;
}

div#side_container ul li /* countains the name */
{
	list-style-type:none;
	font-weight:bold;
}

div#side_container ul li ul /* countains the values */
{
	margin-right:0px;
	padding-bottom:8px;
	margin-top:-13px;
}
div#side_container ul li>ul /* pathches the IE's patch */
{
	margin-top:0px;
}

div#side_container ul li ul li /* countains the values */
{
	font-weight:normal;
	margin-left:16px;
	margin-top:2px;
}

div#side_container ul li#values ul /* countains the name */
{
	top: -20px;
	position:fixed;
}

div#side_container a, div#side_container a:hover
{
	text-decoration:none;
	color:#205080;
	margin-left:-8px;
}

div#side_container a:hover
{
	color:#409fff;
}

/* CORE */
div#core
{
	float:left;
	margin-top: 8px;
	margin-bottom: 8px;
}
div#core_container
{
	width: 748px;
	height: 900px;
	background-color:#FFE0FF;
	border-left: solid 1px #ff99ff;
	border-right: solid 1px #ff99ff;
	padding: 15px 0 15px 30px;
}
div#core_before, div#core_after
{
	width: 780px;
	height:10px;
	background: url(/images/core-top.gif);
	font-size:1px;
	display:block;
}
div#core_after
{
	background: url(/images/core-bot.gif);
	clear:both;
}


/* PRODUCT */
.product
{
	width:149px;
	height:225px;
	float:left;
}
.product div
{
	width:120px;
}
div.image
{
	width:120px;
	height:159px;
	padding-top:5px;
	background: url(/images/product-bground.gif);
}
div.image a img
{
	border:none;
}

div.name
{
	height:40px;
	color:#7f0040;
}
div.name a, div.name a:hover
{
	color:#7f0040;
	text-decoration:none;
	text-transform:lowercase;
}
div.name a:hover
{
	color:#ff0081;
}
div.name:first-letter
{
	text-transform:uppercase;
}
div.price
{
	font-weight:bold;
	text-transform:uppercase;
}

/* NAME */
#name
{
}

#name div
{
	width:230px;
	height:20px;
	float:left;
	margin: 4px;
}
div#name a, div#name a:hover
{
	color:#7f0040;
	text-decoration:none;
	text-transform:lowercase;
	font-size:14px;
}
div#name a:hover
{
	color:#ff0081;
}