/* LAYOUT STYLES */

#rohcontainer{
position: relative;
float:left;
margin: auto;
width: 980px;
}

#rohheader{
position: relative;
float:left;
z-index: 5;
}

#rohlogo{
position: relative;
float:left;
margin-top: 5px;
margin-left: 5px;
z-index:10;
}

#rohbody{
width:980px;
position: relative;
float:left;
z-index: 5;
}

#rohproductmenubody{
position: relative;
float:left;
z-index: 10;
}

#rohgallery{
position: relative;
float:left;
z-index: 5;
width:980px;
height:410px;
}

#rohtext{
position: relative;
float:left;
z-index: 5;
height: 130px;
width:980px;
background-color:#5ccbf5;
}

#rohtext p{
position: relative;
float:left;
z-index: 10;
padding: 10px;
color: #fff;
}

/* LOGO GALLERY STYLES */

#pohlogogallery{
position: relative;
float:left;
z-index: 5;
margin-top:5px;
margin-bottom:5px;
width:980px;
}

.logosgallery{
position:relative;
float:left;
z-index: 10;
list-style-type:none;
}

.logosgallery li {
position:relative;
float:left;
z-index: 10;
list-style:none outside none;
margin-right:15px;
}

.logosgallery a{
position:relative;
float:left;
z-index: 10;
width:107px;
height:46px;
 }

.roca a{
background:url('/media/rocalogo.jpg') no-repeat scroll 0px 0px transparent;
}
.roca a:hover {
background:url('/media/rocalogo.jpg') no-repeat scroll 0px -46px transparent;
}
.pyramis a{
background:url('/media/pyramislogo.jpg') no-repeat scroll 0px 0px transparent;
}
.pyramis a:hover {
background:url('/media/pyramislogo.jpg') no-repeat scroll 0px -46px transparent;
}
.drop a{
background:url('/media/droplogo.jpg') no-repeat scroll 0px 0px transparent;
}
.drop a:hover {
background:url('/media/droplogo.jpg') no-repeat scroll 0px -46px transparent;
}
.eurorama a{
background:url('/media/euroramalogo.jpg') no-repeat scroll 0px 0px transparent;
}
.eurorama a:hover {
background:url('/media/euroramalogo.jpg') no-repeat scroll 0px -46px transparent;
}
.gambini a{
background:url('/media/gambinilogo.jpg') no-repeat scroll 0px 0px transparent;
}
.gambini a:hover {
background:url('/media/gambinilogo.jpg') no-repeat scroll 0px -46px transparent;
}
.bronze a{
background:url('/media/bronzeartltdlogo.jpg') no-repeat scroll 0px 0px transparent;
}
.bronze a:hover {
background:url('/media/bronzeartltdlogo.jpg') no-repeat scroll 0px -46px transparent;
}
.acrilan a{
background:url('/media/arcrilanlogo2.jpg') no-repeat scroll 0px 0px transparent;
}
.acrilan a:hover {
background:url('/media/arcrilanlogo2.jpg') no-repeat scroll 0px -46px transparent;
}
.ideal a{
background:url('/media/ideallogo2.jpg') no-repeat scroll 0px 0px transparent;
}
.ideal a:hover {
background:url('/media/ideallogo2.jpg') no-repeat scroll 0px -46px transparent;
}

.kerafina a{
background:url('/media/kerafinalogo.jpg') no-repeat scroll 0px 0px transparent;
}
.kerafina a:hover {
background:url('/media/kerafinalogo.jpg') no-repeat scroll 0px -46px transparent;
}
.kolosos a{
background:url('/media/kolososlogo.jpg') no-repeat scroll 0px 0px transparent;
}
.kolosos a:hover {
background:url('/media/kolososlogo.jpg') no-repeat scroll 0px -46px transparent;
}
.gsi a{
background:url('/media/gsilogo.jpg') no-repeat scroll 0px 0px transparent;
}
.gsi a:hover {
background:url('/media/gsilogo.jpg') no-repeat scroll 0px -46px transparent;
}
.klimatechniki a{
background:url('/media/klimatechnikilogo.jpg') no-repeat scroll 0px 0px transparent;
}
.klimatechniki a:hover {
background:url('/media/klimatechnikilogo.jpg') no-repeat scroll 0px -46px transparent;
}
.gatoni a{
background:url('/media/gatonilogo.jpg') no-repeat scroll 0px 0px transparent;
}
.gatoni a:hover {
background:url('/media/gatonilogo.jpg') no-repeat scroll 0px -46px transparent;
}
.grohe a{
background:url('/media/grohelogo.jpg') no-repeat scroll 0px 0px transparent;
}
.grohe a:hover {
background:url('/media/grohelogo.jpg') no-repeat scroll 0px -46px transparent;
}
.zebis a{
background:url('/media/zebislogo.jpg') no-repeat scroll 0px 0px transparent;
}
.zebis a:hover {
background:url('/media/zebislogo.jpg') no-repeat scroll 0px -46px transparent;
}
.backlatsidis a{
background:url('/media/baklatsidislogo2.jpg') no-repeat scroll 0px 0px transparent;
}
.backlatsidis a:hover {
background:url('/media/baklatsidislogo2.jpg') no-repeat scroll 0px -46px transparent;
}
.wilo a{
background:url('/media/wilologo.jpg') no-repeat scroll 0px 0px transparent;
}
.wilo a:hover {
background:url('/media/wilologo.jpg') no-repeat scroll 0px -46px transparent;
}
.brass a{
background:url('/media/brasslogo.jpg') no-repeat scroll 0px 0px transparent;
}
.brass a:hover {
background:url('/media/brasslogo.jpg') no-repeat scroll 0px -46px transparent;
}
.pipelife a{
background:url('/media/pipelifelogo2.jpg') no-repeat scroll 0px 0px transparent;
}
.pipelife a:hover {
background:url('/media/pipelifelogo2.jpg') no-repeat scroll 0px -46px transparent;
}
.caloria a{
background:url('/media/calorialogo.jpg') no-repeat scroll 0px 0px transparent;
}
.caloria a:hover {
background:url('/media/calorialogo.jpg') no-repeat scroll 0px -46px transparent;
}
.clima a{
background:url('/media/climalogo.jpg') no-repeat scroll 0px 0px transparent;
}
.clima a:hover {
background:url('/media/climalogo.jpg') no-repeat scroll 0px -46px transparent;
}
.thermostahl a{
background:url('/media/thermostahllogo.jpg') no-repeat scroll 0px 0px transparent;
}
.thermostahl a:hover {
background:url('/media/thermostahllogo.jpg') no-repeat scroll 0px -46px transparent;
}
.thermovent a{
background:url('/media/thermoventlogo.jpg') no-repeat scroll 0px 0px transparent;
}
.thermovent a:hover {
background:url('/media/thermoventlogo.jpg') no-repeat scroll 0px -46px transparent;
}
.super a{
background:url('/media/superlogo.jpg') no-repeat scroll 0px 0px transparent;
}
.super a:hover {
background:url('/media/superlogo.jpg') no-repeat scroll 0px -46px transparent;
}
.rondine a{
background:url('/media/rondinelogo.jpg') no-repeat scroll 0px 0px transparent;
}
.rondine a:hover {
background:url('/media/rondinelogo.jpg') no-repeat scroll 0px -46px transparent;
}
.novogres a{
background:url('/media/novogreslogo.jpg') no-repeat scroll 0px 0px transparent;
}
.novogres a:hover {
background:url('/media/novogreslogo.jpg') no-repeat scroll 0px -46px transparent;
}
.imola a{
background:url('/media/imolalogo.jpg') no-repeat scroll 0px 0px transparent;
}
.imola a:hover {
background:url('/media/imolalogo.jpg') no-repeat scroll 0px -46px transparent;
}
.gayafores a{
background:url('/media/gayaforeslogo.jpg') no-repeat scroll 0px 0px transparent;
}
.gayafores a:hover {
background:url('/media/gayaforeslogo.jpg') no-repeat scroll 0px -46px transparent;
}
.gambareli a{
background:url('/media/gambarellilogo.jpg') no-repeat scroll 0px 0px transparent;
}
.gambareli a:hover {
background:url('/media/gambarellilogo.jpg') no-repeat scroll 0px -46px transparent;
}
.energieker a{
background:url('/media/energiekerlogo.jpg') no-repeat scroll 0px 0px transparent;
}
.energieker a:hover {
background:url('/media/energiekerlogo.jpg') no-repeat scroll 0px -46px transparent;
}
.cotto a{
background:url('/media/cottologo.jpg') no-repeat scroll 0px 0px transparent;
}
.cotto a:hover {
background:url('/media/cottologo.jpg') no-repeat scroll 0px -46px transparent;
}



/* MENU STYLES */

/* Main top menu */

#rohmenu{
position: relative;
float:left;
z-index: 10;
margin-top: 60px;
margin-left: 60px;
height:27px;
}
 
#rohmenu a {
text-decoration: none;
color: #a5a8a9;
font-size: 12px;
padding: 0px 16px 16px 16px;
z-index: 15;
}

#rohmenu  a:hover, a#rohmenu_active {
color: #333333;
background-image:url('/media/menuimage.jpg');
background-repeat: no-repeat;
background-position:left;
z-index: 15;
}
  

/* Product Menu */

#pohproductmenu{
position:absolute;
float:left;
width: 159px;
background:url('/media/menuBG.png') repeat-y;
z-index: 10;
margin-top:42px;
padding-bottom:35px;
}

#pohproductmenu a{
border-bottom:1px solid #E8EAEE;
color:#656556;
float:left;
position:relative;
text-decoration:none;
width:159px;
}

#pohproductmenu a h2{
font-size:12px;
height:14px;
line-height:1;
padding-left:12px;
padding-top:25px;
}

#pohproductmenu  a:hover, a#pohproductmenu_active{
color: #333333;
background: url('/media/arrowblue.png') no-repeat 90% 80%;
}

/* FOOTER CONTENT */

#rohfooter{
position: relative;
float:left;
width: 980px;
z-index: 5;
margin-top: 20px;
margin-bottom: 20px;
}

#footercopy{
position: relative;
float:left;
font-family:Verdana;
font-size:9px;
color:#B1B1B1;
}

#footersq{
position: relative;
float:right;
text-align: right;
width: 140px;
}

.sqsymbol img{
opacity:0.2;
filter:alpha(opacity=20);
margin-left:auto;
margin-right:0;
background-color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-moz-opacity: 0.2;
}

.sqsymbol:hover img{
opacity:0.5;
filter:alpha(opacity=50);
background-color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}


/* SERVICES STYLES */

#rohservicesimg{
position: relative;
float:left;
width: 490px;
z-index: 5;
}

#rohservicestext{
position: relative;
float:right;
width: 490px;
z-index: 5;
}

.servicestext{
font-size:12px;
padding:10px;
}

.colorblue{
background-color:#5CCBF5;
float:left;
height:20px;
position:relative;
width:980px;
z-index:5;
}


/*
 * jQuery Nivo Slider v2.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 


#slider1 {
	position:relative;
	background:url('/media/loading.gif') no-repeat 50% 50%; 
}
#slider1 img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider1  a{
	display:block;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link 
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
*/

/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; Overridden by captionOpacity setting 
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
 */


/* Direction nav styles (e.g. Next & Prev) 
*/

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:999;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

/* Control nav styles (e.g. 1,2,3...) 
*/
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.nivo-directionNav {
        position:relative;
 }
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('/media/arrows2.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {

        top:360px;
	background-position:-30px 0;
	right:10px;
	
}
a.nivo-prevNav {

        top:360px;
	left:10px;
}

#slider1 .nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:10px;
        z-index:999;
}
#slider1 .nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url('/media/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
    z-index:999;
}
#slider1 .nivo-controlNav a.active {
	background-position:-10px 0;
         z-index:999;
}




v/* CONTACT FORM STYLES */

#contactinfo{ 
margin-bottom:20px;
position:relative;
float:left;
width: 490px;
}

.contactinfoleft{
color: #555;
width:120px;
float:left;
position:relative;
}
.contactinfoleft span{
text-align:right;
float:right;
position:relative;
}
.contactinforight{
border:2px solid #DDDDDD;
float:left;
padding:5px;
width:310px;
position:relative;
margin-left:10px;
}

#contact-form {
position:relative;
float:left;
width: 490px;
}

#contact-form input, #contact-form textarea{
font-family:Arial,Helvetica,sans-serif;
border: 2px solid #ddd;
}

#contact-form textarea:focus, #contact-form :focus {
border: 2px solid #5CCBF5;
}

#contact-form fieldset{
line-height: 1;
}

#contact-form legend{
font-size: 18px;
margin-left: 10px;
}

#contact-form p{
}

#contact-form h2{
padding: 6px 0px 0px 0px;
}



#contact-form .messageStatus{
color:#EC6935;
font-size:14px;
margin-left:128px;
margin-bottom:10px;
margin-top:10px;
}

#contact-form label{
color:#555;
float:left;
text-align:right;
width:120px;
line-height: 1;
}

#contact-form .small{
color: #B1B1B1;
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
margin-top:4px;
line-height: 1.3;
}

#contact-form .note{
float: left;
width: 120px;
font-weight: normal;
}

#contact-form span{
font-size: 11px;
color: #EC6935;
float: left;
padding-left: 10px;
font-weight: bold;
}

#contact-form input{
width: 180px;
margin: 0px 0px 10px 10px;
color: #555;
font-size: 12px;
padding: 4px 0px 4px 4px;;
float: left;
}

#contact-form input[type="submit"]{
float: right;
width: 120px;
padding: 4px 0px 4px 0px;
font-weight: bold;
margin-top: 20px;
margin-bottom:20px;
outline:none;
}

#contact-form .submit{
float: right;
outline:none;
}

#contact-form textarea{
margin: 0px 0px 10px 10px;
color:#555;
float:left;
font-size:12px;
height:100px;
padding:4px;
width:324px;
}

#contact-form br{
clear: left;
}

#captchaImg {
float: left;
margin-left: 10px;
margin-bottom: 10px;
}

#captchaImg img {
border: 1px solid #ddd;
}

input#captcha_textbox {
margin-left: 127px;
width: 180px;
}




/* Expression CMS Fixes
-------------------------------------------------------------- */

#idEdit_ifr{
background-image: none;
background-color: #fff;
color: #000;
text-align: left;
font-size: 12px;
font-family: arial, verdana;
}

#tinymce{
background-image: none;
background-color: #fff;
color: #000;
text-align: left;
font-size: 12px;
font-family: arial, verdana;
}

/* General Reset Styles 
-------------------------------------------------------------- 
Resets all tags for Browser Inconsistencies & Set all default
styles for body, headings, text, links, lists, tables, forms,
succes & error messages, etc.  XPR FIXES included.
-------------------------------------------------------------- */

/* 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, article, aside, dialog, figure, footer, 
header, hgroup, nav, section {
background: transparent; 
border: 0; 
font-size: 100%; 
font-style: inherit;
font-weight: inherit;
font-family: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: left;
vertical-align: baseline; 
}

/* Force display block on below Tags */
article, aside, dialog, figure, footer, header, 
hgroup, nav, section, img {display: block;}

/* Remove gap underneath images and fix for IE */
img {overflow: hidden; -ms-interpolation-mode: bicubic;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* Set default list style */
ol, ul {list-style: disc outside none;}

/* Remember to define focus styles! */
:focus {outline: 0;}


/* Body Styles
-------------------------------------------------------------- */

body {
text-align: center;
background-color: #fff;
color: #A5A8A9;
font-size: 75%; 
font-family: Verdana,Helvetica,Arial,sans-serif;
line-height: 1.25;
position: relative;
margin: auto;
width: 980px;
}


/* Headings Styles
-------------------------------------------------------------- */

h1,h2 {font-weight: normal;}

h1 {
color:#FFFFFF;
left:10px;
line-height:1;
position:absolute;
top:23px;
z-index:20;
font-weight:bold;
}


h2 {line-height: 1;}

h1 img, h2 img {margin: 0;}


/* Text elements
-------------------------------------------------------------- */

p           {line-height: 18px;}