/*
*	CSS file for Caribic Studio website
*/
html {
	background:transparent;
}

body {
	/*background: url() #FFFFFF fixed repeat-x;*/
	margin-top: 10px;
	margin-left: 10px;
	/*background-color: #FFFFFF;*/
	/*background: url('pictures/ret.jpg') repeat-x fixed center !important;*/
	/*background: #fff url('pictures/bambus2.jpg') repeat-x fixed;*/
	background: #fff url('pictures/palmacreated2.jpg') repeat-x fixed;
	/*background: #fff url('pictures/rounded-corner/bg.png') repeat-x fixed;*/
	/*background: #00ff00 url('pictures/palmacreated.jpg') repeat-x fixed center;*/
	background-position: bottom left;
}

div {
	/*border: 1px dotted #ff0000;*/
}

div.main {
	display: block;
	position: relative;
	width: 970px;
	margin:0 auto;
	/***background-color: #FFFFFF;*/
}

table {
	/*border: 1px dotted #0000ff;*/
}

table.container {
	/*position: relative;*/
	/*display: block;*/
	/*background-color: #FFFFFF;*/
	width: 970px;
	/*margin: 0 auto;*/
	/*margin-left: 10px;*/
}

div.header-container-background {
	/*background-color: #FFFFFF;*/
	width: 970px;
	height: 235px;
}

div.header-container {
	/*
	margin-top: 0px;
	float: left;
	*/
	background-image: url('pictures/header_menu_final2.jpg') !important;
	background-repeat: no-repeat;
	background-position: top left;
	top: 5px;
	width: 927px;
	height: 233px;
	position: relative;
	z-index: 9900;
	

}

.mouseover {
	cursor: pointer;
    cursor: hand;
}

div.go-to-mainpage {
	position: absolute;
	left: -18px;
	top: 0px;
	width: 450px;
	height: 170px;
	z-index: 9999;
}

table.menu-container {
	position: absolute;
	left: -18px;
	top: 153px;
	width: 970px;
}

table.menu-container  td{
	/*background-color: #4a4a4a;*/
}

div.menu {
	/*float: left;*/
	padding: 0px;
	width: 130px;
}

div.menu-item {
	/*display: inline;*/
	/*width: 90px;*/
	width: auto;
	height: 35px;
	text-align: center;
}

div.menu-item  .title {
	height: 15px;
	background-color: #26BF00;
	margin-top: -5px;
}

div.menu-item  font{
	/*width: 90px;*/
	height: 20px;
	vertical-align: middle;
	font-family: Verdana,Sans-serif,Arial;
	font-size:18px;
	font-weight: bold;
}

div.menu-item a{ color: #000000;}
div.menu-item a:link{ color: #000000; text-decoration: none;}
div.menu-item a:visited{ color: #000000; text-decoration: none;}
div.menu-item a:hover{ color: #ED006C; text-decoration: none;}

/*
div.menu-item  font:hover {
	color: #ED006C;
}
*/


/*
h1 {
	vertical-align: middle;
	font-family: Verdana,Sans-serif,Arial;
	font-size:12px;
	font-weight: bold;
}
*/
div.menu-item .bottom{
	display: none;
	background-color: #26BF00;
	padding: 0px;
	width: 100%;
	height: 30px;
	
	
	/* opacity setting */  
	/*filter:alpha(opacity=0);*/    /* ie  */  
	/*-moz-opacity:0.0;*/    /* old mozilla browser like netscape  */  
	/*-khtml-opacity: 0.0;*/    /* for really really old safari */    
	/*opacity: 0.0;*/    /* css standard, currently it works in most modern browsers like firefox,  */	
}

div.news-container {
	/*background-color: #FFFFFF;*/
	margin-left: 0px;
	padding: 2px 2px 15px 2px;
	color: #000000;
}

div.news-container-background {
	padding: 5px;
	background-color: #FFFFFF;
	
	/* opacity setting */  
	/*filter:alpha(opacity=85);*/    /* ie  */  
	/*-moz-opacity:0.85;*/    /* old mozilla browser like netscape  */  
	/*-khtml-opacity: 0.85;*/    /* for really really old safari */    
	/*opacity: 0.85;*/    /* css standard, currently it works in most modern browsers like firefox,  */	
}

p.email-accept , p.email-failure {
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

p.email-accept {
	color: #26BF00;
}

p.email-failure {
	color: #FF0B6F;
}

h2, h2.pricelist {
	border-left: 7px solid #26BF00;
	border-bottom: 1px solid #828282;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial;	/* TODO: Ezen meg valtoztatni kell!! */
	text-align: justify;
}

h2.pricelist {
	border-left: 7px solid #FF0B6F;
	border-bottom: 0px none;
	padding-bottom: 0px;
	margin-left: 2px;
	margin-bottom: 2px;
}

.even {
	background-color: #DAE5FE;
}

.odd {
	background-color: #FFFFFF;
}

div.news-title-green , div.news-title-red, div.news-title-ultrasun-red {
	border-bottom: 1px solid #828282;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	vertical-align: bottom;
	font-family: Arial;
	font-size: 14px;
	/*font-weight: bold;*/
	text-align: justify;
}

div.news-title-green {
	border-left: 7px solid #26BF00;

}

div.news-title-red {
	border-left: 7px solid #FF0B6F;
}

div.news-title-ultrasun-red {
	border-left: 7px solid #F74939;
}

p.news-body, p.news-bodybold , ul.circle, p.comment , p.back-to-top{
	margin: 7px;
	font-family: Arial;
	font-size: 12px;
	text-align: justify;
	font-weight: normal;
}

p.news-bodybold {
	font-weight: bold;
	font-size: 14px;
}

p.comment {
	font-size: 10px;
}

p.product {
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}

p.copyright {
	padding-top: 50px;
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	font-weight: normal;
}

table.productlist {
	width: 800px;
}

table.productlist  td{
	vertical-align: bottom;
	
}

img.product-image {
}

ul.circle {
	font-size: 14px;
	list-style-type: circle;
}

div.right-side {
	position: absolute;
	display: block;
	margin-top: -270px;
	z-index: 9999;
	/*padding-left: 20px;*/
}

table.right-side-body {
	position: absolute;
	margin-top: 50px;
	padding-left: 10px;
	width: 479px;
	
	/*margin-top: -45px;*/
	/*margin-top: -315px;
	padding-top: 90px;*/
	/*padding-left: 20px;*/
}

table.right-side-header {
	background-image: url(header_right_side.jpg) !important;
	background-repeat: no-repeat;
	background-position: top left;	
	position: absolute;
	/*margin-top: 0px;*/
	/*margin-left: -45px;*/
	width: 457px;
	height: 55px;
}

/** ajanlat */
table.offer, table.action {
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #000000;
}

table.action {
	text-align: justify;
}

table.offer h3 {
	border-left: 7px solid #FF0B6F;
	border-bottom: 1px solid #828282;
	margin-left: 0px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Verdana, Arial;	/* TODO: Ezen meg valtoztatni kell!! */
	text-align: justify;
}

table.action {
	font-size: 14px;
	text-align: justify;
}

table.action td {
	padding-bottom: 10px;
}

input.offer {
	width: 200px;
}

select.offer {
	width: 204px;
}

div.bottom {
	margin-right: 30px;
	padding: 10px;
	text-align: right;
	font-style: italic;
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;	
}

.right {
	float: right;
	margin: 5px 0px 5px 10px;
}

/*
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
*/

p.comment a{ color: #000000;}
p.comment a:link{ color: #000000; text-decoration: none;}
p.comment a:visited{ color: #000000; text-decoration: none;}
p.comment a:hover{ color: #FF0B6F; text-decoration: none;}

p.back-to-top {
	margin-right: 15px;
	margin-bottom: 10px;
}

p.back-to-top a{ color: #FF0B6F; font-weight: bold;}
p.back-to-top a:link{ color: #FF0B6F; text-decoration: none;}
p.back-to-top a:visited{ color: #FF0B6F; text-decoration: none;}
p.back-to-top a:hover{ color: #26BF00; text-decoration: none;}

/*A termekek felsorolasanal levo linkek definialasa*/
td.product a{ color: #0000ef;}
td.product a:link{ color: #0000ef; text-decoration: none;}
td.product a:visited{ color: #0000ef; text-decoration: none;}
td.product a:hover{ color: #FF086B; text-decoration: none;}


.sb-inner {
	background-color:#FFFFFF;
}

.required {
	color: #de0000;
	font-weight: bolder;
}

div.bottom a{ color: #107100;}
div.bottom a:link{ color: #107100; text-decoration: none;}
div.bottom a:visited{ color: #107100; text-decoration: none;}
div.bottom a:hover{ color: #107100; text-decoration: underline overline;}


div.solarium-type-description {
	float:left;
}

div.solarium-type-description p.title {
	font-style: italic;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #F74531;
	text-align: left;
}

div.solarium-type-description p.details {

}

div.solarium-type-description img{
	display: block;
	border: none;
}

div.solarium-series {
	float:left;
	margin-right:90px;
	padding: 5px;
	display: none;
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
	border-top: 2px solid #FF0B6F;
	border-bottom: 2px solid #FF0B6F;
	cursor: pointer;
	cursor: hand;
}

div.solarium-series img{
	display: block;
	border: none;
}

div.solarium-series p {
	width: auto;
	margin: 0px;
	font-style: italic;
	text-align: center;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FF0B6F;
}

div.solarium-series p a{ color: #FF0B6F; text-decoration:none;}

div.ultrasun-product {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/*div.solarium-series p a:link{ color: #0000ef; text-decoration: none;}
div.solarium-series p a:visited{ color: #0000ef; text-decoration: none;}
div.solarium-series p a:hover{ color: #FF086B; text-decoration: none;}
*/


/**************************************************************************************************/
/****
** For rounded and styled corners
**
*****************/
.cbb{
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff
}
/*.cbb h1{margin:0 -10px;padding:0.3em 10px;background:#efece6;font:bold 1.2em/1 Arial,Helvetica,sans-serif}*/
/**/
.cb{
	margin:0.5em 0;
}
/**/
.bt{
	height:17px;
	margin:0 0 0 18px;
	background:url(pictures/rounded-corner/box.png) no-repeat 100% 0;
}
.bt div{
	position:relative;
	left:-18px;
	/*width:18px;*/
	height:17px;
	background:url(pictures/rounded-corner/box.png) no-repeat 0 0;
	font-size:0;line-height:0;
}
/**/
.bb{
	height:14px;
	margin:0 0 0 12px;
	background:url(pictures/rounded-corner/box.png) no-repeat 100% 100%;
}
.bb div{
	position:relative;
	left:-12px;
	/*width:12px;*/
	height:14px;
	background:url(pictures/rounded-corner/box.png) no-repeat 0 100%;
	font-size:0;line-height:0
}
/**/
.i1{padding:0 0 0 12px;background:url(pictures/rounded-corner/borders.png) repeat-y 0 0}
/**/
.i2{padding:0 12px 0 0;background:url(pictures/rounded-corner/borders.png) repeat-y 100% 0}
/**/
.i3{display:block;margin:0;padding:1px 10px;background:#fff}
/**/
.i3:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.i3{display:inline-block}.i3{display:block}
/**//**//**/
.one{position:absolute;top:0;right:0}
.two{float:left;width:45%}
.two .i1,.two .i2{background-image:url(pictures/rounded-corner/borders.gif)}
.two .bt,.two .bt div,.two .bb,.two .bb div{background-image:url(pictures/rounded-corner/box.gif)}


/**************************************************************************************************/
/****
** For tooltip 
**
*****************/
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(pictures/tooltip/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }


span.smart_cooler, span.smart_light, span.smart_service, span.smart_speakers, span.smart_aroma, span.smart_breeze, span.smart_paytronic ,
span.smart_sound, span.smart_airco, span.smart_mp3, span.smart_music, span.smart_shape, span.smart_tanners{
	text-decoration: none;
	color: #21BE00;
}