﻿
/* =Homepage
-----------------------------------------------------------------------------*/

body.home {
	background:#FFF url(/images/bg/body.png) repeat-x 0 5px;
	}
body.home #header,
body.home #header-inner {
	background:none;
	}
/*body.home #container{
	background:#fff url(/images/bg/container-home.gif) no-repeat 50% -89px;
	overflow:visible;
	}*/

body.home #content{
	background:#fff url(/images/bg/content-home.png) repeat-x 0 0;
	position:relative;
	padding-top:15px;
	overflow:hidden; 
	display:inline-block;
	}
body.home #container {
	background:#fff url(/images/bg/content-home.png) repeat-x 0 0;
	}
body.home #secondary-content{
	float:right;
	width:332px;
	background:none;
}
	
body.home #primary-content
{
	float:left;
	width:644px;
	padding-left:0;
	padding-top:0;
	background:none;	
}

body.home #primary-content p,
body.home #primary-content h1
{
	padding-left:11px;
	padding-right:11px;
}

#top-bar{
	width:960px;
	height:250px;
	margin:0 auto;
	}

/*  Flash area
-----------------------------------------------------------------------------*/
div#flash-content{
	position:relative;
	width:950px;
	margin:0 auto;
}

#flash-content a{
	display:block;
	position:absolute;
	top:111px;
	height:113px;
	width:296px;
	text-indent:-9999em;
	overflow:hidden;
}

#flash-content a#home-link1{
	left:0;
	background:url(/images/buttons/home-link1.png) no-repeat 0 100%;
}
#flash-content a#home-link2{
	left:330px;
	background:url(/images/buttons/home-link2.png) no-repeat 0 100%;
}
#flash-content a#home-link3{
	left:660px;
	background:url(/images/buttons/home-link3.png) no-repeat 0 100%;
}


/*=Where How We Work block ------------------------------------------------------ */
.home-how{
	margin-right:20px;
}
.home-how h2 {
	margin-right:2.5em;
	padding:7px 0 12px !important;	
}	
.home-how  .view-all{
	display:block;
	position:absolute;
	top:36px;
	right:27px;
	font-size:0.9em;		
}
		ul.hover_block { 
			display:block; 
			overflow:hidden; 
			height:1%; 
			margin:0 0 10px 0;
			padding:0;
		}
			
		ul.hover_block li{
			list-style:none;
			float:left;
			background:#fff;
			padding:0;
			margin:0 5px 5px 0;
			width:81px; 
			position:relative;
			background:url(/images/snippets/hover-block-li.gif) repeat-x 0 0;
					 }
		ul.hover_block li.block-r {
			margin-right:0;			
		}
		ul.hover_block li span.block-inner {
			display:block;
			position:relative;
			overflow:hidden;
			height:95px;			
			width:81px;
			color:#D12450;
			font-weight:bold;
			font-size:1.3em;
			text-align:center;
			text-decoration:none;
			
		}
		ul.hover_block li span.block-inner span {
			display:block;
			padding:0 5px;
			cursor:pointer;
		}				

		ul.hover_block li img, 
		ul.hover_block2 li img {
			position:absolute;
			top:0;
			left:0;
			border:0;
		}


/*=Where to buy block
-----------------------------------------------------------------------------*/
	.home-where .snippet310-inner,
	.home-partner .snippet310-inner  {
		min-height:125px;
		}
		.home-partner a {
			color:#00A0DF !important;
			}
			.home-partner a:hover {
				text-decoration:underline;
				}
	
/* =Products by categories
-----------------------------------------------------------------------------*/
	.products-by-categories{
		margin-left:22px;
		margin-bottom:15px;
	}
	.products-by-categories .snippet310-top{
		background:url(/images/bg/products-accordion-top.gif) no-repeat 0 0;
	}
	.products-by-categories .snippet310-inner{
		padding:19px 18px 10px 18px;
		width:274px;
	}
	.products-by-categories h2{
		padding:7px 0 7px 8px !important;
	}
	.products-by-categories ul{
		display:block;
		list-style-type:none;
		margin:0;
		padding:5px 0 0;
		width:274px;
	}
	.products-by-categories ul li{
		display:block;
		clear:both;
		margin:0 0 10px;
		padding:10px 12px;
		position:relative;
		border:1px solid #edebeb;
		background:#fbfafa url(/images/bg/accordion/item-bg.gif) repeat-x bottom;
	}
	.products-by-categories ul li.selected{
		border-left:0;
		border-right:0;
		background:#fffefe url(/images/bg/accordion/item-cur.gif) repeat-x top;
		}
	.products-by-categories ul li h3 {
		cursor:pointer;
		padding:0 0 0 17px;
		font-weight:normal;
		font-size:1em;
		color:#00a0df;
		background:url(/images/bg/accordion/small-arrow.gif) no-repeat 0 5px;
	}
	.products-by-categories ul li h3.selected{
		background-position:0 -96px;
		padding:0 0 0 17px;
		width:150px;
    	}
	.products-by-categories ul li li{
		margin:0;
		border:0;
		background:transparent;
	}
	.products-by-categories ul li .view-all {
		position:absolute;
		top:11px;
		right:14px;
		z-index:100;
		display:none;
		}
		.products-by-categories ul li.selected .view-all {
			display:block;
			}
	.products-by-categories ul li .categories-inner{
		display:inline-block;
		position:relative;
		margin-right:-31px;
		margin-left:-31px;
		overflow:hidden;
		margin-top:-30px;
		padding-top:30px;
		}
	
	#nojs .products-by-categories ul li .categories-inner {
		margin:0;
		}
		#nojs .products-by-categories ul li .categories-inner ul {
			width:247px;
			height:88px;
			overflow:auto;
			}
			#nojs .products-by-categories ul li li {
				padding:0 12px 10px 0;
				overflow:hidden;
				}
				#nojs .products-by-categories ul li li img {
					float:right;
					}

	#categories li .jcarousel-skin-tango{
		position:relative;
		margin-top:15px;
		}
	#categories .jcarousel-container-horizontal{
		padding:0px 41px;
		width:312px;
		w\idth:230px;
		}
	#categories .jcarousel-skin-tango .jcarousel-clip-horizontal{
		width:230px;
	}
	#categories .jcarousel-skin-tango .jcarousel-clip-horizontal ul{
		padding:0;
		position:relative;
		overflow:hidden;
	}
	#categories .jcarousel-skin-tango li.jcarousel-item{
		width:230px !important;
		w\idth:229px !important;
		margin:0 !important;
		padding:0 31px 0 0;
		clear:none;
		}
	#categories .jcarousel-skin-tango li.last {
		padding-right:1px !important;
	}
	#categories .jcarousel-skin-tango li.jcarousel-item img{
		float:right;		
		margin-left:5px;
	}


