@charset "utf-8";
/* CSS Document */

a {color:#000; text-decoration:none;}
a:hover {color:#0099FF;}
body { background:url(http://www.ihome.ro/images/front/bg.jpg) repeat-x #fff; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; color:#000;}
h3,h2.title,#stepWrap h3 {color: #5d7fc4;	}
#wrapper {background:url(http://www.ihome.ro/images/front/bg.jpg) repeat-x #fff; width:800px; margin:0 auto; min-height:400px;}
#footerwrapper {background:url(http://www.ihome.ro/img/footer-bg1.png) repeat; width:800px; height:auto; margin:0 auto;}
#header2 {width:800px; height:70px; margin:0; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
.logo { width:130px; height:56px; margin:15px 10px 0 20px; float:left; }
.clear {margin:0; padding:0; height:0; clear:both;}
.banner { width:528px; height:60px; float:right;  margin:5px 40px 0 10px;}
.htitlu h1 { width:728px; height:15px; float:right; font-size:11px;  margin:0px 40px 0 10px;font-family:georgia; text-align:right;}
.menu {width:759px; height:40px; background:url(http://www.ihome.ro/images/front/meniubg.png); text-align: center; margin:2px 40px 0 0px; padding:0;}
.menu ul {width:759px; height:30px; margin:12px 0px 0 20px; padding-top: 10px;
}
.menu ul > li {width:auto; height:40px; float:left; list-style:none; margin-right:30px; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
.menu ul > li a {text-decoration:none; color:#1A5185;}
.menu ul > li a:hover {text-decoration:none; color:#000;}
#ibc > h1 {width:380px; height:15px; color:#F9D74A; float:left; margin:16px 0px 0px 10px; font-size:11px; font-family:georgia;}
#listareorase {width:950px; height:10px; padding:0px; }
#listareorase ul {width:940px; height:10px; margin:0px 0px 0 25px;}
#listareorase ul > li {width:auto; height:10px; float:left; list-style:none; margin-right:20px; font-style:italic; font-size:12px; font-family:georgia;}
#listareorase ul > li a {text-decoration:none; color:#1A5185;}
#listareorase ul > li a:hover {text-decoration:none; color:#dd0000;}

#content {width:800px; padding-left:10px; margin:0 auto; position: relative; }

/* ========================================
		 ==== Reset Styles ==== 
========================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;/*background:transparent*/}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* ========================================
		==== End Reset Styles ==== 
 ========================================*/

/*========================================
	 ==== Layout General Structure  ====  
	  (floats, clearfix and wrappers)
========================================*/
.fl { float: left; }
.fr { float:right; }
/* ========================================
	==== End Layout General Structure ==== 
 ========================================*/

	
	/* ==== Slider Control Buttons ==== */
a.sliderLeft { cursor: pointer; display: block; width: 37px; height:37px; position: absolute; top:170px; left:20px;  background: url(http://www.ihome.ro/img/navslider-left.png) no-repeat; }
a.sliderRight { cursor: pointer; display: block; width: 37px; height: 37px; position: absolute; top:170px; left:410px; background: url(http://www.ihome.ro/img/navslider-right.png) no-repeat;}
a.sliderLeft:hover { background: url(http://www.ihome.ro/img/navslider-left-hover.png) no-repeat; }
a.sliderRight:hover { background: url(http://www.ihome.ro/img/navslider-right-hover.png) no-repeat; }
	/* ==== End Slider Control button ==== */
	
	/* ==== Begin .action-btns ==== */
	.action-btns { margin: 20px 45px 20px 0; }
	.action-btns ul li { float: left; }
	.action-btns ul li a { color:#fff; height: 43px; width:138px; float:left; display:block; line-height: 43px; text-align:center; font-size:20px; font-weight:bold; background: url(http://www.ihome.ro/img/default/act-button.png) no-repeat; }												
	.or { margin: 0 10px; line-height:41px; font-size:24px; color:#828282; }
	/* ==== End .action-btns ==== */
	
	/*==== begin .mainCorner (mainContent sliced corner image) ====*/
	.mainCorner { position:absolute; background:#fff url(http://www.ihome.ro/img/bg/main-corner-pt10.png); width:108px; height:92px; left:-4px; top:374px; }
	/*==== End  .mainCorner ====*/
	
	/* ==== Begin Cloud-carousel ==== */
		#cloud-carousel { width:340px; height:340px; margin: 60px 60px 0 75px; list-style:none; }
	/* ==== End cloud-carousel ==== */

	/* ==== Scrollable ==== */
	
	/* root element for the scrollable. when scrolling occurs this element stays still. */
	.scrollable { /* required settings */ position:relative; overflow:hidden; width: 480px; height:400px;/* custom decorations */ margin-bottom:10px; }
	/*
		root element for scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
	.items .slide1, .items .slide2, .items .slide3 { float:left; width:480px; height:400px; margin-left:0px; }
	/* ==== End scrollable structure setup ==== */
	
		/* ==== Slide 1 ( .product  ) ==== */
		.product {width:500px; height:350px; float:left; margin-top:40px; margin-left:20px;}
		.product h2 { text-align:left; margin: 5px 30px 10px 0px; color: #fad23b; }
		.descriere { font-size:12px; margin-bottom:20px; color:#5d7fc4;}
		span.hightlight {color:#ccc;}
		ul.checkList { margin-top:0px; width:230px; float:left; }
		ul.checkList li.yes { margin-bottom: 15px; height: 12px; line-height:12px; color: #000; padding-left:30px; background: url(http://www.ihome.ro/img/check.png) no-repeat; font-size:11px;}
		ul.checkList li.no {margin-bottom: 15px; height: 12px; line-height:12px; color: #000; padding-left:30px; background: url(http://www.ihome.ro/img/no.png) no-repeat; font-size:11px;}
		/* ==== End Slide 1 ==== */
#price {width:450px; margin:10px 25px 0 0;}
.l3 {background:url(http://www.ihome.ro/img/3.png) no-repeat; text-align:center; width:206px; height:35px;padding-top:6px; color:#ccc; font-size:15px; font-style:italic; font-weight:bold;}
.l6 {background:url(http://www.ihome.ro/img/6.png) no-repeat; text-align:center; width:216px; height:35px; padding-top:9px; color:#000;font-size:15px; font-style:italic; font-weight:bold;}		
	/* ==== End .scrollable ==== */


#ihome { width:119px; height:56px; background:url(http://www.ihome.ro/powered-selected.png)}
#ihomelink {width:119px; height:56px; }
.bottom-bg {
	background:url(http://www.ihome.ro/img/footer-bg.png) no-repeat 50% 0;
	height: 27px; }

.breadcrumb {font-size:11px; margin:5px 0 5px 10px; }
.titlu-filtre {font-size:14px; text-transform:uppercase; color:#215393; margin-left:20px; }
.descriere-filtre {margin:10px 0 10px 0; }

/* ==== begin register form ==== */
form#register {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	border:0; margin:0; padding:0;
	margin:0 auto;
	width:900px;
}

.spacer{clear:both; height:1px;}

form#register .stylized {
	background:none;
	
}

form#register .stylized h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
form#register .stylized p{
	font-size:11px;
	color:#f8f8f8;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}
form#register .stylized label{
	display:block;
	color:#000;
	text-align:right;
	width:140px;
	float:left;
}
form#register .stylized .small{
	color:#dd0000;
	display:block;
	font-size:9px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

form#register #subact {
	margin-left: 70px;
}

form#register .stylized input,
form#register .stylized select{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 5px 10px;
	
}


form#register #subact input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	width: auto;
	height: auto;		
	margin:2px;
}

form#register #subact label {	
	width:140px;
	text-align: left;
	margin:0;
}

form#register .stylized button{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#333;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

form#register .stylized .next_button,
form#register .stylized .prev_button{	
	width:125px;
	height:24px;
	padding: 0;
	background:#66CCFF;
	text-align:center;
	line-height:24px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	float: left;
}

.packet_selection {
	background-color: #fff;
	margin: 0 auto;
	color:#f8f8f8;
}

.packet_selection th {	
	width: 170px;
}

.field_error {
	margin: 5px 0 0 15px;
	color: #dd0000;
	height: 10px;
	padding: 2px 0;
	float:left;
}
/* ==== end register form ==== */

.infopagina {color:#ddd; text-align:justify; width:900px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
.infopagina h2 {font-size:14px; padding:10px; color:#FAD340;}
.infopagina h3 { font-size:14px; padding:5px; color:#FAD340;}

#main {width:950px; height:390px;}

/*****  footer  *****/

#sitemap {
	background: url('../images/front/footer.png') no-repeat top;
	padding: 5px;
	font: 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	line-height: 1.5em;
	clear:both;
	height: 180px;
	overflow: hidden;
	width:780px;
	border-bottom:1px solid #E0E0E0;
	float:left;
	margin:0 auto;
}

#sitemap .maprow {
	height: 25px;
	overflow: hidden;
	padding: 0 0 10px 15px;
	color:#FBCE31;
}

#sitemap .maprow .logo {
	top: 3px;	
}

#sitemap .maprow .arrow img {
	vertical-align:middle;
	margin: 0px 8px;
}

#sitemap .smcolumn {
	width: 920px;
	height: 175px;
	overflow: hidden;
	float: left;
	padding-left: 15px;
}

#sitemap .smcolumn.customers {
	width: 135px;
}

#sitemap .smcolumn.corporate {
	width: 199px;
}

#sitemap .smcolumn h3 {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 11px;
}

#sitemap .smcolumn h3.espanol {
	padding: 16px 0 0;
}

#sitemap .smcolumn h3.tools {
	padding: 16px 0 0;
}

#sitemap .smcolumn ul {
	padding: 0px;
	margin: 0px;	
}

#sitemap .smcolumn ul li {
	list-style: none;
	margin-left: 1px;
	width:110px;
	float:left;
	margin-right:3px;
}

#sitemap .smcolumn ul li a {
	color: #666;
	padding: 1px 4px;
}

#sitemap .smcolumn ul li a:hover {
	color: #fff;
	background: #666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-decoration: none;
}

#sitemap .smcolumn ul li a.external {
	background: url(/images/popup_link.gif) right 3px no-repeat;
	padding-right: 15px;
}

#sitemap .smcolumn ul li a.external:hover {
	background: #666 url(/images/popup_link.gif) right 3px no-repeat;
}

#sitemap .smcolumn ul li a.follow {
	display: block;
	background: url(/images/follow.png) 59px 2px no-repeat;
	width: 90px;
}

#sitemap .smcolumn ul li a.follow:hover {
	background: #666 url(/images/follow.png) 59px 2px no-repeat;
}

#sitemap .smcolumn ul li a.offers {
	display: block;
	background: url(/images/offers-icon.png) 176px 2px no-repeat;
	width: 190px;
	overflow: hidden;
}

#sitemap .smcolumn ul li a.offers:hover {
	background: #666 url(/images/offers-icon.png) 176px 2px no-repeat;
}

#sitemap .smcolumn ul li a.follow span {
	display: none;	
}

#sitemap .clearmap {
	clear:both;
	height: 5px;
	background: url('/images/sitemap_bottom2.gif') no-repeat;
}

/***** end footer  *****/

.slider
{
	margin:0px auto;
	width:930px;
	height:200px;
}

/*
hides the images and text from within the slider;

this style will be applied only before the 
slider is instantiated or if the user doesn't have
javascript enabled;

feel free to replace this style with your own
*/
.slider img, .slider .caption
{
	position:absolute;
	left:-9999px;
}

/*this is for example_api.html*/
#custom_controls
{
	width:200px;
	margin:0px auto;
}

.advanced-slider
{
	position:relative;
	overflow:visible;
	background-color:#FFF;
	border:1px solid #FFF;
	-moz-box-shadow: 0px 0px 10px #CCC;
	-webkit-box-shadow: 0px 0px 10px #CCC;
}


.advanced-slider .slide
{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:10;
}


.advanced-slider .slice
{
	display:block;
	position:absolute;
}


.advanced-slider .preloader
{
	background:url(slider-assets/images/preloader2.gif) no-repeat;
	width:62px;
	height:14px;
	position:absolute;
	z-index:15;
}


.advanced-slider .arrow-navigation a
{
	background:url(slider-assets/images/arrows.png) no-repeat;
	position:absolute;
	z-index:30;
	cursor:pointer;
	width:38px;
	height:38px;
	top:156px;
}


.advanced-slider .arrow-navigation .left-arrow
{
	left:20px;
}


.advanced-slider .arrow-navigation .right-arrow
{
	right:20px;
	background-position:-38px 0px;
}


.advanced-slider .slideshow-controls
{
	background:url(slider-assets/images/playpause.png) no-repeat;
	position:absolute;
	z-index:40;
	width:38px;
	height:38px;
	cursor:pointer;
	top:156px;
	left:356px;
}


.advanced-slider .slideshow-pause
{
	background-position: 0px 0px;
}


.advanced-slider .slideshow-play
{
	background-position: -38px 0px;
}


.advanced-slider #timer-animation
{
	position:absolute;
	top:20px;
	right:20px;
	z-index:60;
}


.advanced-slider .buttons-navigation
{
	position:absolute;
	z-index:50;	
	top:105%;
}


.advanced-slider .buttons-navigation a
{
	background:url(slider-assets/images/buttons.png) no-repeat;
	background-position:0px 0px; 
	position:relative;
	cursor:pointer;
	float:left;
	width:14px;
	height:14px;
	margin: 0px 2px;
}


.advanced-slider .buttons-navigation .out
{
	background-position:0px 0px; 
}


.advanced-slider .buttons-navigation .over
{
	background-position:-14px 0px; 
}


.advanced-slider .buttons-navigation .select
{
	background-position:-28px 0px; 
}


.advanced-slider .buttons-navigation .thumbnail
{
	background-image:url(slider-assets/images/preloader.gif);
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	overflow:hidden;
	width:80px;
	height:50px;
	border:solid 3px #333;
	margin-bottom:10px;
}


.advanced-slider .caption-container
{
	overflow:hidden;
	position:absolute;
	z-index:20;
}


.advanced-slider .caption-wrapper
{
	position:absolute;
}


.advanced-slider .caption-background
{
	background-color:#000;
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
}


.advanced-slider .caption-container .caption-content
{	
	position:absolute;
	color:#FFF;
	margin:0px;
	padding:10px;
	z-index:20;
}


.advanced-slider .caption-container .caption-content a
{
	color:#FFF;
}


.advanced-slider .caption-container .caption-content u
{
	font-size:16px;
}