/*

Page layout, some colors & fonts.
========================================================================

*/
body
{
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	color: #000;
	margin: 0;
  
	position: relative;
	padding: 0px;
	margin: 0px;
	min-height: 100%;

}
/* Interent Explorer PNG fix using behavior. */
img { behavior: url(/style/bestpngfix.htc); }
a img { border: 0; }

/* Scrollbar */
html
{
	scrollbar-base-color: #F20F2A;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #ffd3b6;

	scrollbar-shadow-color: #F20F2A;
	scrollbar-lightshadow-color: #F20F2A;
	scrollbar-darkshadow-color: #F20F2A;

	scrollbar-highlight-color: #F20F2A;
	scrollbar-3dlight-color: #F20F2A;
  
  padding: 0px;
	margin: 0px;
	height: 100%;
}

#shadow_top_left
{
	position: absolute;
	width: 493px;
	height: 335px;
	left: 0px;
	top: 0px;
	background: url("/images/shadow_top_left_white.png") no-repeat;
	z-index: 1;
}
#shadow_top_right
{
	position: absolute;
	width: 491px;
	height: 334px;
	right: 0px;
	top: 0px;
	background: url("/images/shadow_top_right_white.png") no-repeat;
	z-index: 1;
}
#shadow_bottom_right
{
	position: absolute;
	width: 491px;
	height: 334px;
	right: 0px;
	bottom: 0px;
	background: url("/images/shadow_bottom_right_white.png") no-repeat;
	z-index: 1;
}
#shadow_bottom_left
{
	position: absolute;
	width: 493px;
	height: 335px;
	left: 0px;
	bottom: 0px;
	background: url("/images/shadow_bottom_left_white.png") no-repeat;
	z-index: 1;
}
#main_block
{
	position: relative;
	width: 828px;
}


div#container
{
  position: relative;
	margin: 0px auto 0px auto;
	z-index: 3;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 920px;
  
}
div#header
{
	background: url(/images/bg-main-top-gray.png) no-repeat bottom center;
	height: 60px;
}
div#header img { border: 0; margin-left: 100px; margin-top:10px; } 

div#language
{
	margin-top: -15px;
	font-weight: bold;
	color: #F20F2A;
	font-size: 8pt; 
	text-align: right;
	padding-right: 17px;
}
div#language a { text-decoration: none; font-weight: normal; color: #F20F2A; }
div#language a:hover { color: #F20F2A; }

div#body
{
	background: url(/images/bg-main-middle-gray.png) repeat-y center;
	clear: both;
}
div#bottom
{
	background: url(/images/bg-main-bottom-gray.png) no-repeat top center;
	height: 24px;
	margin-bottom: 3px;
	clear: both;
}
div#bottom-menu-box
{
	margin: 0 55px;
	height: 40px;
	margin-bottom: 4px;
}
div#footer
{
	clear: both;
	margin: 0 55px;
	background-color: #e9e9e9;
	color: #EE1B2D;
	font-size: 7pt;
	letter-spacing: 1px;
	padding: 5px 60px;
	border-bottom:1px solid white;
	border-left:1px solid white;
}
div#footer a { color: #EE1B2D; text-decoration: none; float: right; }

/* Shopping cart. */
div#shopping-cart
{
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 105px;
	width: 150px;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
	background: url(/images/shoping-cart-r.gif) no-repeat bottom left;
	margin-bottom: -45px;
	z-index: 1;
}
div#shopping-cart table { margin-top: 5px; margin-right: 10px; cursor: pointer; }

/*

Content page layouts.
========================================================================

Products & content panels generally. */
div#body.products div.left-panel, div#body.content div.left-panel
{
	padding-top: 20px;
	margin-top: -7px;
	width: 242px;
	float: left;
}
div#body.products div.content
{
	margin-top: -46px;
	width: 420px;
	float: left;
}

div#body.products div.content div.subcontent
{
	padding: 10px 10px 25px 25px;
}

div#body.products div.right-panel
{
	margin-top: -15px;
	width: 230px;
	float: right;
}

table.product tr td a.button { text-transform: uppercase; font-size: 8pt; color: #F20F2A; }
table.product tr td a.button:hover { color: #999; }
table.product tr td img{padding-right:12px;}
table.product tr td h3 { font-size: 10pt; color: #F20F2A; margin: 0; padding: 0; }

/* Content panel layout exceptions. */
div#body.content div.content
{
	margin-top: -46px;
	width: 585px;
	float: left;
	padding-right: 0;
}
* html div#body.content div.content { width: 610px; }

div#body.content div.content div.subcontent
{
	padding: 10px 25px 25px 25px;
	width: 585px;
}

div#body.content div.right-panel
{
	display: none;
}
/*

Content illustration.
========================================================================

Text box. */
div.text-content-content, div.text-content-products
{
	border: 2px solid #e9e9e9;
	font-size: 9pt;
	padding: 20px;
	min-height: 440px;
	overflow: auto;
}
* html div.text-content-content, * html div.text-content-products
{
	height: 470px;
}
div.text-content-content
{
	float: left;
	width: 226px;
	min-height: 441px;
}
* html div.text-content-content
{
	height: 441px;
}
div.text-content-products
{
	width: 355px;
}
div.content div.large { width: 520px; }
div.content div.large.front-page { width: 560px; padding: 0; margin: 0; border: 0; min-height: 474px; overflow: visible; }

/* Ilustration images. */
div.content-illustration-content
{
	margin-left: 10px;
	float: left;
	width: 290px;
	height: 485px;
	position: relative;
}
div.content-illustration-content img.left, div.content-illustration-content img.right { margin-top: 220px; }
div.content-illustration-content img.left { position: absolute; left: -5px; }
div.content-illustration-content img.right { position: absolute; right: -5px; }
div.content-illustration-products, div.content-illustration-products img { display: none; }

/* Front page */
div#front-boy-left, div#front-girl-right
{
	float: left;
	height: 415px;
	width: 270px;
	cursor: pointer; 
	position: relative;
}
div#front-boy-left img, div#front-girl-right img
{
	margin-top: 180px;
}
div#front-girl-right { margin-left: 15px; }
div#front-boy-left img.left { position: absolute; left: -15px; }
div#front-girl-right img.right { position: absolute; right: -15px; }

/* Anchor. */
div.text-content-content a, div.text-content-products a
{
	color: #F20F2A; text-decoration: none;
}
div.text-content-content a:hover, div.text-content-products a:hover
{
	color: #999;
}

/* Headings. */
div.text-content-content h1, div.text-content-products h1,
div.text-content-content h2, div.text-content-products h2
{
	font-size: 17pt;
	font-weight: normal;
	color: #F20F2A;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
div.text-content-content h2, div.text-content-products h2
{
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Date */
div.text-content-content span.date, div.text-content-products span.date
{
	font-style: oblique;
	font-size: 8pt;
	display: block;
	text-align: right;
	margin: 0;
	padding: 0;
}
/*

Main menu.
========================================================================

*/
div#main-menu div
{
	width: 211px;
	margin-left: 14px;
	margin-bottom: 10px;
}
div#main-menu div h3
{
	color: #f20f2a;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-top: 38px;
	padding-right: 5px;
}
div#main-menu div h3 a { color: #f20f2a; text-decoration: none; }
div#main-menu div h3 a:hover { text-decoration: underline; }
div#main-menu div ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 5px;
}
div#main-menu div ul li, div#main-menu div ul li a
{
	color: #ee1b2d;
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: right;
	margin: 0;
	padding: 0;
}
div#main-menu div ul li a { text-decoration: none; }
div#main-menu div ul li a:hover { text-decoration: underline; }
div#main-menu div ul li a.active {}

div#main-menu div.company { background: url(/images/bg-menu-company-gray.png) no-repeat top left; }
div#main-menu div.products { background: url(/images/bg-menu-products-gray.png) no-repeat top left; }
div#main-menu div.gallery { background: url(/images/bg-menu-gallery-gray.png) no-repeat top left; }
div#main-menu div.contact { background: url(/images/bg-menu-contact-gray.png) no-repeat top left; }
div#main-menu div.partners { background: url(/images/bg-menu-partners-gray.png) no-repeat top left; }
div#main-menu div.section-inner {margin:0; padding-left: 80px; width: 130px;}

/*

Products sub-menu.
========================================================================

*/
div#sub-menu div
{
	width: 223px;
	margin-top: 20px;
	margin-left: 4px;
	margin-bottom: 10px;
}
div#sub-menu div h3
{
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 38px;
	padding-left: 5px;
}
div#sub-menu div ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-left: 5px;
}
div#sub-menu div ul li, div#sub-menu div ul li a
{
	color: #F20F2A;
	font-size: 9pt;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 0;
}
div#sub-menu div ul li a { text-decoration: none; }
div#sub-menu div ul li a:hover { text-decoration: underline; }
div#sub-menu div ul li a.active {}

div#sub-menu div.section-1 { background: url(/images/bg-sub-menu-n-1.png) no-repeat top left; }
div#sub-menu div.section-2 { background: url(/images/bg-sub-menu-n-2.png) no-repeat top left; }
div#sub-menu div.section-3 { background: url(/images/bg-sub-menu-n-3.png) no-repeat top left; }
div#sub-menu div.section-4 { background: url(/images/bg-sub-menu-n-4.png) no-repeat top left; }
div#sub-menu div.section-inner {width:140px;margin:0;padding:0;}

/* Main-menu & sub-menu min-height setting & IE fix */
div#main-menu div, div#sub-menu div { min-height: 89px; }
/*\*/
* html div#main-menu div, * html div#sub-menu div { height: 89px; }
/**/

/*

Bottom menu.
========================================================================

*/
div#bottom-menu
{
	position: absolute;
	width: 610px;
	margin-left: -30px;
	margin-top: 3px;
}
* html div#bottom-menu
{
	margin-left: -47px;
	margin-top: 3px;
}
div#bottom-menu div
{
	cursor: pointer;
	position: relative;
	float: left;
	width: 62px;
	height: 48px;
	background-color: #F20F2A;
	margin-right: 7px;
	border: solid #555;
	border-width: 0 1px 1px 0;
}

div#bottom-menu div h3
{
	position: absolute;
	bottom: 0;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	color: #ffffff;
	padding-left: 4px;
	padding-bottom: 14px;
}
div#bottom-menu div h3 a { color: #f20f2a; font-size: 9pt; text-decoration: none;width:100%; }

div#bottom-menu div.babiesmarket { background: #e9e9e9 url(/images/bottom-menu-babies.png) no-repeat top right;width:103px; }
div#bottom-menu div.babiesmarket h3 {}
div#bottom-menu div.ordering { background: #e9e9e9 url(/images/bottom-menu-order.png) no-repeat top right;width:145px; }
div#bottom-menu div.faq { background: #e9e9e9 url(/images/bottom-menu-kkk.png) no-repeat top right;width:85px; }
div#bottom-menu div.forum { background: #e9e9e9 url(/images/bg-bottom-menu-6.png) no-repeat top right; }
div#bottom-menu div.newslist { background: #e9e9e9 url(/images/bottom-menu-news.png) no-repeat top right; width:115px; }

div#bottom-menu div.logout { background: #e9e9e9 url(/images/bg-bottom-menu-4.png) no-repeat top right #ffd900; width: 241px; }

div#bottom-menu div.login 
{ 
	display:none;
	background: #e9e9e9 url(/images/bg-login-gray.png) no-repeat right center; 
	width: 241px; 
	cursor: default;
  color: #ffffff;
  
}

div#bottom-menu div.login form { margin: 0; padding: 0; }

div#bottom-menu div.login table { margin-top: 3px; margin-left: 4px; }
div#bottom-menu div.login table td { padding: 1px; }
* html div#bottom-menu div.login table td { padding: 0; }

div#bottom-menu div.login form label { text-transform: uppercase; font-size: 6pt; color: #f20f2a; }
div#bottom-menu div.login form input.text { border: 0; background-color: #fff; width: 65px; height: 13px; font-size: 7pt }
div#bottom-menu div.login form input.button
{
	border: 0;
	background: transparent;
	text-transform: uppercase;
	font-size: 6pt;
	padding: 0;
  color: #F20F2A;
}
* html div#bottom-menu div.login form input.button { padding-left: 7px;padding-top:2px; }

div#left-menu-banner { float: right; display: inline; margin-right: 18px; }


/* opened product picture */
div#openedpicturebackground-container
{
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    
    background: #000;
    filter: alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
    z-index: 500;
}
* html div#openedpicturebackground-container{width: 100%; height: 100%;}

div#openedpicture-container
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 600;
}

div#openedpicture-container img
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    
    border: 2px dashed #F20F2A;
    cursor: pointer;
    z-index: 700;
}

#sub-menu div.section-auto {
  background: url(/images/bg-sub-menu-gray.png) no-repeat;
}
#sub-menu div.section-auto .section-title
{
  left: -4px;
  top: 32px;
  position: relative;
  background: #e9e9e9;
  width: 122px;
  min-height: 14px;
}
#sub-menu div.section-auto .section-title h3
{
  padding-top: 5px;
  padding-bottom: 3px;
  color:#F20F2A;
}
#sub-menu div.section-auto .section-inner
{
  position: relative;
  top: 18px;
}
#sub-menu div.section-auto .picture
{
  position: relative;
  float: right;
  right: 26px;
  bottom: 0px;
  height: 64px;
  min-height: 64px;
  width: 64px;
  overflow: hidden;
  text-align: center;
}

/* OVERLAY ------------------------------------------------------------------ */
#overlay {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 15000;
}
#overlay.default {
  background-color: #5e3100;
}
/* POPUP -------------------------------------------------------------------- */
#popup {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 20000;
}
#popup .message {
  background: #ffffff;
  width: 350px;
  text-align: justify;
  padding: 16px;
  font-size: 12px;
}
#popup .message table.options {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
	border-spacing: 0;
}
#popup .message table.options td {
  width: 50%;
}
#popup .message table.options td div {
  margin: 0px;
  padding: 3px;
  cursor: pointer;
  border: 1px solid #F20F2A;
  text-align: center;
}
#popup .close {
  display: none;
  position: absolute;
  top: 3px;
  right: 5px;
  color: #F20F2A;
  cursor: pointer;
  font-size: 11px;
}