/* ================================================================================
	Browser reset
   ================================================================================ */
*{margin:0;padding:0;}
option{padding-left:.4em;}
select{padding:1px;}
* html body *{overflow:visible;}
* html iframe,* html frame{overflow:auto;}
* html frameset{overflow:hidden;}
html{height:100%;margin-bottom:1px;}
body{font-size:100.01%;color:#000;background:#fff;text-align:left;}
fieldset,img{border:0 solid;}
ul,ol,dl{margin:0;list-style-type: none;}
li{margin-left:.8em;line-height:1.5em;}
dt{font-weight:700;}
dd{margin:0 0 1em .8em;}
blockquote{margin:0 0 1em .8em;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
table {border: none;}
a { text-decoration: none; outline: none; }
/* ================================================================================
	Layout
   ================================================================================ */
.video {
	margin-bottom: 10px;
}
.todo {
	background-color: #FFFEC4;
	color: #000;
	padding: 7px;
	margin: 3px;
}   
body {
	font-family: Arial, Lucida, sans-serif; 
	font-size: 75.00%;
	color:#444;
	background: #fff url(../images/background.gif) repeat-x;
}
#container {
	margin: 15px auto 0px auto;
	width: 990px;
	background: #fff url(../images/menu-background.jpg) no-repeat;
}
#page {
	clear: both;
	margin-bottom: 30px;
	width: 990px; 
	background-color: #fff;
}
#intro {
	clear: both;
	width: 966px;
	height: 565px;
	margin: 0px 12px 10px 12px;
}
.title {
	clear: both;
	padding-top: 8px;
	height: 52px; /* 44 + 8 */
	background-color: #fff;
}
.title img {
	float: left;
	padding: 0px 10px 0px 10px;
}
.title span {
	padding: 0px 0px 0px 0px;
	line-height: 44px;
	color: #949FA5;
	text-transform: uppercase;
	float: left;	
	font-size: 24px;
	font-weight: bold;
}
#main {
	float: left;
	width: 722px; /* 990 - 246 - 22 */
	padding: 0px 12px 0px 10px;
}
#footer {
	margin: 10px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #ccc;
	width: 966px; /* 990 - 12 - 12 */
	height: 70px;
	background: url(../images/logo-footer.jpg) no-repeat;
}
.clear {
	clear: both;
}
/* ================================================================================
	Navigation
   ================================================================================ */
#navigation_shop {    
	float: right;
	width: 185px;
	height: 53px;
	margin: 17px 12px 0px 0px;
}
#translation {
	clear: both;
	float: right;
	margin: -20px 12px 0px 0px;
	color: #ccc;
}
#translation  a             { color: #ccc; }
#translation  a:hover { color: #999; }
#translation span {
	border-left: 1px solid #ccc;
	margin: 0px 3px 0px 3px;
	font-size: 125.00%;
}
#navigation { 
	float: left;
	height: 80px; /* 98  - 18 */
	padding: 18px 0px 0px 0px;
	margin: 0px 0px 0px 236px; 
	font-weight: bold;
	text-transform: uppercase;
	font-size: 105.00%;
}
	#navigation li { 
		float: left;
		margin: 0px;
		line-height: 1.2em;
		border-left: 1px solid #ffffff;
		border-right: 1px solid #c8d5de;
		background: url(../images/menu.gif) repeat-x;
	}
	#navigation li a { 
		text-decoration: none;
		color: #999;
	}
	#navigation li a span {
		text-align: center;
		float: left;
		padding: 19px 13px 17px 13px;
	}
	#navigation li a:hover { 
		cursor: pointer;
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigation li a:hover span {
		cursor: pointer;
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigation li a.current,
	#navigation li a.section,
	#navigation li a.section:hover,
	#navigation li a.current:hover { 
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigation li a.current span,
	#navigation li a.section span,
	#navigation li a.section:hover span,
	#navigation li a.current:hover span {
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
/* ================================================================================
	NavigationSub
   ================================================================================ */
#navigationsub {
	min-height: 250px;
	width: 246px;
	float: left;
	font-size: 140.00%;	
}
	#navigationsub ul {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 12px; 
		text-transform: uppercase;		
	}
	#navigationsub ul li {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px; 
	}
	#navigationsub ul li a { 
		text-decoration: none;
		color: #BDC6CF;
	}
	#navigationsub ul li a span {
	}
	#navigationsub ul li a:hover { 
		cursor: pointer;
		color: #3398CC;
	}
	#navigationsub ul li a:hover span {
		cursor: pointer;
		color: #3398CC;
	}
	#navigationsub ul li a.current,
	#navigationsub ul li a.section,
	#navigationsub ul li a.section:hover,
	#navigationsub ul li a.current:hover { 
		color: #3398CC;
	}
	#navigationsub ul li a.current span,
	#navigationsub ul li a.section span,
	#navigationsub ul li a.section:hover span,
	#navigationsub ul li a.current:hover span {
		color: #3398CC;
	}
#navigationsub .sub {
	margin: 0px;
}	
#navigationsub .sub li a {
	padding-left: 25px;
}
#navigationsub .sub li a:hover {
	background: url(../images/menu-sub.gif) no-repeat 0px 2px;
}
#navigationsub .sub li a.current,
#navigationsub .sub li a.section,
#navigationsub .sub li a.section:hover,
#navigationsub .sub li a.current:hover { 
	background: url(../images/menu-sub.gif) no-repeat 0px 2px;
}
#sidebar {
	margin: 20px 0px 0px 12px;
}
#sidebarsocialnetwork {
	margin: 20px 0px 0px 12px;
}
/* ================================================================================
	NavigationMain
   ================================================================================ */
#navigationmain { 
	clear: both;
	float: left;
	height: 130px;
	padding: 0px 2px 0px 12px;
	margin: 0px 0px 0px 0px; 
	background-color: #fff;
}
	#navigationmain div { 
		float: left;
		height: 130px;
		width: 234px;
		margin-right: 10px;
	}
	#navigationmain div a { 
		text-decoration: none;
		color: #999;
	}
	#navigationmain li a span {
		text-align: center;
		float: left;
		padding: 19px 13px 17px 13px;
	}
	#navigationmain li a:hover { 
		cursor: pointer;
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigationmain li a:hover span {
		cursor: pointer;
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigationmain li a.current,
	#navigationmain li a.section,
	#navigationmain li a.section:hover,
	#navigationmain li a.current:hover { 
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
	#navigationmain li a.current span,
	#navigationmain li a.section span,
	#navigationmain li a.section:hover span,
	#navigationmain li a.current:hover span {
		color: #000;
		background: url(../images/menu-hover.gif) repeat-x;
	}
/* ================================================================================
	NavigationFooter
   ================================================================================ */
.navigationfooter {
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 105.00%;
	margin: 10px 0px 0px 0px;
}
	.navigationfooter li { 
		float: left;
		margin: 0px;
		line-height: 1.2em;
	}
	.navigationfooter li a { 
		text-decoration: none;
		color: #ccc;
	}
	.navigationfooter li a span {
		float: left;
		text-align: center;
		padding: 0px 9px 0px 9px;
		border-left: 1px solid #ccc;
	}
	.navigationfooter li a:hover { 
		cursor: pointer;
		color: #999;
	}
	.navigationfooter li a:hover span {
		cursor: pointer;
		color: #999;
	}
	.navigationfooter li a.current,
	.navigationfooter li a.section,
	.navigationfooter li a.section:hover,
	.navigationfooter li a.current:hover { 
		color: #999;
	}
	.navigationfooter li a.current span,
	.navigationfooter li a.section span,
	.navigationfooter li a.section:hover span,
	.navigationfooter li a.current:hover span {
		color: #999;
	}

/* ================================================================================
	Products
   ================================================================================ */
#products   {
	margin: 0px 2px 0px 12px;
	float: left;
}
#products.inline {
	margin: 0px;
}
#products  div {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}
#products  div a span {
	position: absolute;
	left: 9px;
	bottom: 29px;
	color: #aaa;
	font-weight: bold;
}
#products.inline div a span {
	left: 5px;
	bottom: 23px;
	font-size: 10px;
}
#product  {
	width: 966px;
}
#product  td {
	border: 1px solid #CACDD2;
	vertical-align: top;
	text-align: left;
}
#product_image { width: 361px; padding: 0px; margin: 0px; }
#slideshow { width: 361px; height: 360px; }
#thumbnails { 
	list-style-type: none;
	float: left; 
	margin: 8px 0px 8px 7px;
	padding: 0px;
}
#thumbnails li {
	float: left; 
	margin: 0px;
	padding: 0px 8px 0px 0px;
	opacity: .5;
}
#thumbnails li:hover,
#thumbnails li.active { 
	opacity: 1;
}
#mediaslideshow { width: 722px; height: 542px; }
#mediathumbnails { 
	list-style-type: none;
	float: left; 
	margin: 3px 0px 3px 0px;
	padding: 0px;
}
#mediathumbnails li {
	float: left; 
	margin: 0px;
	padding: 0px 3px 0px 0px;
	opacity: .5;
}
#mediathumbnails li:hover,
#mediathumbnails li.active { 
	opacity: 1;
}
#mediathumbnails li a img {
	margin: 0px 0px 0px 0px;
}
#product_text { width: 372px; padding: 15px; }
#product_text h1 { color: #979EA6; }
#product_property { width: 233px; padding: 0px; margin: 0px; }
#product_property td { border: none; }
#product_property tr { border-bottom: 1px solid #CACDD2; }
#product_property .label { color: #979EA6; width: 95px; padding: 5px 0px 5px 10px; }
#product_property .value { color: #000000; width: 95px; padding: 5px 0px 5px 0px; }
#product_property .nobottom { border-bottom: none; }
#product_property .nobottom  td { padding: 0px; margin: 0px; }
	
/* ================================================================================
	News
   ================================================================================ */
#news {   
	padding-top: 2px;
	border-top: 1px solid #ccc;
}
#news div {   
	padding-top: 3px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
#topnews {
	margin: 0px 32px 0px 12px;
	height: 165px;
}
#topnews div {
	background-repeat: no-repeat;
	padding-left: 254px; /* 234 + 20 */
	height: 165px;
	display: none;
}

.slidetabs {
	padding: 15px 0px 0px 200px;
}
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
.slidetabs a:hover {
	background-position:0 -8px;      
}
.slidetabs a.current {
	background-position:0 -16px;     
} 

#socialnetwork {
	padding: 10px;
	text-align: right;
}
.tooltip {
	z-index: 9999;
	display: none;
	background: transparent url(../images/black_arrow.png);
	font-size: 12px;
	height: 70px;
	width: 160px;
	padding: 25px;
	color: #fff;	
}