/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - typolight modules
---------------------------------------------------------------*/

/***************************************************
* logo
*****************************************************/

#logo
{
	position:absolute;
	top:14px;
	left:18px;
}

/***************************************************
* tagline
****************************************************/

#tagline
{
	position:absolute;
	top:40px;
	right:18px;
	font-size:20px;
}


/***************************************************
* pagination
*****************************************************/
.pagination
{

}
.pagination p
{

}
.pagination ul
{
	list-style-type:none;
}
.pagination ul li
{
	float:left;
	clear:none;
	padding-left:4px;
	padding-right:4px;	
}

/************************************
* mod_navigation (general)
*************************************/

.mod_navigation
{
}
.mod_navigation ul
{
}
.mod_navigation ul li
{
}

/***************************************************
* mod_navigation (primary)
****************************************************/

/* standard navigation list */
#navigation_primary ul
{
	position:absolute;
	top:18px;
	left:18px;
	list-style-type:none;
	margin:0px;
	float:left;
}

/* standard navigation list */
body.home #navigation_primary ul
{
	top:660px;
}

/* standard navigation list item */
#navigation_primary ul li
{
	margin-bottom:0.5em;
	padding:0px;
	float:left;
	margin-right:30px;
}
/* standard link styles */
#navigation_primary ul li a:link,
#navigation_primary ul li a:visited,
#navigation_primary ul li a:active,
#navigation_primary ul li a:hover,
#navigation_primary ul li span
{
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	line-height:1em;
	font-weight:bold;
}
/* hover and active styles */
#navigation_primary ul li a:hover,
#navigation_primary ul li span.active
{
	color:#000000;
}

/* trail styles (item with active subitem) */
#navigation_primary ul li a.trail:link,
#navigation_primary ul li a.trail:visited,
#navigation_primary ul li a.trail:active,
#navigation_primary ul li a.trail:hover,
#navigation_primary ul li a.trail:hover,
#navigation_primary ul li span.trail
{
	color:#000000;
}
/* trail selected styles */
}
#navigation_primary ul li a:hover
{
	text-decoration:underline;
}

/* level 2 styles */
#navigation_primary ul.level_2
{
	display:none;
}
#navigation_primary ul li.active ul.level_2,
#navigation_primary ul li.trail ul.level_2
{
	display:block;
}
#navigation_primary ul.level_2 li a:link,
#navigation_primary ul.level_2 li a:visited,
#navigation_primary ul.level_2 li a:active,
#navigation_primary ul.level_2 li a:hover,
#navigation_primary ul.level_2 li span.active
{
}

/***************************************************
* mod_navigation (language)
****************************************************/

/* navigation language */

ul#navigation_language
{
	position:absolute;
	top:12px;
	right:18px;
	list-style-type:none;
	margin:0px;
}



ul#navigation_language
{
/*	display:none;*/
}

ul#navigation_language li
{
	float:left;
	margin-right:4px;
}

ul#navigation_language li a
{
	font-size:11px;
	float:left;
	color:#ffffff;
	width:20px;
	text-align:center;
	font-weight:bold;
}
ul#navigation_language li a:link,
ul#navigation_language li a:visited,
ul#navigation_language li a:active,
ul#navigation_language li a:hover
{
	text-decoration:none;
	background-color:#000000;	
}
ul#navigation_language li a:hover,
ul#navigation_language li.active a
{
	background-color:#fe6600;
}

/***************************************************
* mod_navigation (product)
****************************************************/

/* standard navigation list */
#navigation_product ul
{
	list-style-type:none;
	margin:0px;
	float:left;
}
/* standard navigation list item */
#navigation_product ul li
{
	margin-bottom:0.5em;
	padding:0px;
	float:left;
	margin-right:16px;
}
/* standard link styles */
#navigation_product ul li a:link,
#navigation_product ul li a:visited,
#navigation_product ul li a:active,
#navigation_product ul li a:hover,
#navigation_product ul li span
{
	text-decoration:none;
	color:#A7A7A7;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	line-height:1em;
	font-weight:bold;
}
/* hover and active styles */
#navigation_product ul li a:hover,
#navigation_product ul li span.active
{
	color:#000000;
}

/* trail styles (item with active subitem) */
#navigation_product ul li a.trail:link,
#navigation_product ul li a.trail:visited,
#navigation_product ul li a.trail:active,
#navigation_product ul li a.trail:hover,
#navigation_product ul li a.trail:hover,
#navigation_product ul li span.trail
{
	color:#000000;
}
/* trail selected styles */
}
#navigation_product ul li a:hover
{
	text-decoration:underline;
}

/* level 2 styles */
#navigation_product ul.level_2
{
	display:none;
}
#navigation_product ul li.active ul.level_2,
#navigation_product ul li.trail ul.level_2
{
	display:block;
}
#navigation_product ul.level_2 li a:link,
#navigation_product ul.level_2 li a:visited,
#navigation_product ul.level_2 li a:active,
#navigation_product ul.level_2 li a:hover,
#navigation_product ul.level_2 li span.active
{
}

/************************************
* mod_breadcrumb
*************************************/

.mod_breadcrumb
{
	margin-bottom:1em;
}
.mod_breadcrumb .separator
{
}
.mod_breadcrumb a:link,
.mod_breadcrumb a:visited,
.mod_breadcrumb a:active,
.mod_breadcrumb a:hover,
.mod_breadcrumb .active
{
}

/************************************
* mod_article
*************************************/

.mod_article
{
}

/***************************************************
* mod_newslist
****************************************************/

.mod_newslist
{
}

/***************************************************
* mod_newsreader
****************************************************/

.mod_newsreader
{
}

/***************************************************
* mod_search
****************************************************/

.mod_search
{
}

/***************************************************
* mod_login
****************************************************/

.mod_login
{
}

/***************************************************
* mod_sitemap
****************************************************/

.mod_sitemap
{
}

/***************************************************
* pagination
****************************************************/

.pagination
{
}

/***************************************************
* product_category
****************************************************/

.mod_product_category
{
	margin-top:106px;
}

.mod_product_category .image
{
	height:160px;
}

.mod_product_category p
{
	margin:0px;
}

.mod_product_category div.nav_left,
.mod_product_category div.nav_right
{
	float:left;
	width:54px;
	background-color:red;
	height:220px;
	background:url(../images/product_nav_left.gif) center left no-repeat;
	cursor:pointer;
}
.mod_product_category div.nav_left
{
	visibility:hidden;		
}
.mod_product_category div.nav_right
{
	background:url(../images/product_nav_right.gif) center right no-repeat;
}

.mod_product_category div.nav_left:hover
{
	background:url(../images/product_nav_left_active.gif) center left no-repeat;
}
.mod_product_category div.nav_right:hover
{
	background:url(../images/product_nav_right_active.gif) center right no-repeat;
}

.mod_product_category div.products
{
	float:left;
	width:852px;
	overflow:hidden;
	overflow-x:hidden;
}

.mod_product_category ul
{
	list-style-type:none;
	margin:0px;
}
.mod_product_category ul li
{
	margin-bottom:0.5em;
	padding:0px;
	float:left;
	margin-right:30px;
	width:192px;
}

/***************************************************
* product_detail
****************************************************/

.mod_product_detail .image,
.mod_product_detail .info
{
	float:left;
	width:356px;
}

.mod_product_detail .image  .images
{
	position:relative;
	height:300px;
}

.mod_product_detail .image .imageinside
{
	position:absolute;
	top:0px;
	left:0px;
	margin-bottom:18px;
}

.mod_product_detail .image .imageinside
{
	height:300px;
	overflow:hidden;
}
.mod_product_detail .image .thumb
{
	width:33.3%;
	text-align:center;
	float:left;
	cursor:pointer;
}


.mod_product_detail .info
{
	float:left;
	width:320px;
	padding-left:18px;
	padding-right:18px;
}

/************************************
* addthis
*************************************/
#addthis
{
	float:right;
	margin-right:18px;
}
body.home #addthis
{
	position:absolute;
	bottom:14px;
	right:18px;
	margin-right:0px;
}

/************************************
* rotator
*************************************/

#rotator
{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-50px;
}