/*   
Name: Kroll Heaters
Description: Water Oil Heater Solutions for Industrial Domestic and Commercial heating application
Author URI: http://www.kroll-heaters.com.au/
Version: 1.0
Tags: Water Heater, Oil Heater, Industrial heating application, Commercial Heating Application
Web Design: Pitstop101media.com
-------------------------------------------------------------- */


/* Base
-------------------------------------------------------------- */

body {
	background:#fff  url(i/bodybg.png) repeat-x top;
	margin: 0;
	font: 14px Tahoma, sans-serif;
	color: #9c9c9c;
	text-align: center;
	width:100%; min-width:960px; margin:0; clear:both;
	height:100%;
}

.wrapper {
		height: auto !important;
		width: 990px;
		margin: 0 auto ;
		text-align: center;
		overflow: hidden;
}

.clear {
	clear:both;
	overflow:auto;
}
img {
	border:0;
}
.header {
	height:116px;
}

.logo {
	width: 197px;
	height:116px;
	background:url(i/logo.jpg) no-repeat;
	float:left;
}

.search_menu {
	width:370px;
	float:right;
}

.search {
	font:14px Arial, Helvetica, sans-serif;
	width:220px;
	height:18px;
	margin-top:30px;
	float:right;
	color:#c20100;
	font-weight:bold;
	display:block;
	padding:0;
}

.topmenu {
	background:#494a45 url(i/menubg.png) repeat-x;
	border: 1px #494a45 solid;
	width:355px;
	height:35px;
	margin-top:30px;
	line-height:35px;
	float:left;
	text-align:left;
	padding-left:15px;
	}

.topmenu ul {
	display: inline;
	list-style-type: none;
	text-decoration:none;
	text-align:left;
}
.topmenu li {
	float:left;
}
.topmenu ul a {
	color: #fff;
	text-decoration:none;
	padding: 0 15px;
	display:block;
}
.topmenu ul a:hover {
	color: #F00;
}

.content {
	overflow:auto;
	height:100%;
	background:#FFF url(i/leftmenubackground.png) left top repeat-y ;
}


/*-------------leftmenu-------------*/

.leftmenu {
	background: #e50000 url(i/leftmenutabbg.png) top repeat-x;
	width:197px;
/*	min-height:945px; */
	float:left;
	text-align:left;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border:1px #4f4f4f solid;
	border-bottom:none;
}
.leftmenutitle {
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	line-height:40px;
	text-align:left;
	padding-left:15px;
	float:left;
	text-shadow:0px 1px 3px #000;
}
.leftmenulist {
	width:197px;
	font:13px  Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:left;

	float:left;
}
/*.leftmenulist ul {
	list-style-type:none;
	display: inline;
	text-decoration:none;
}
.leftmenulist ul a {
	background:url(i/leftmenubg.png) bottom repeat-x;
	display: block;
	line-height:40px;
	text-decoration:none;
	color:#dadada;
	padding-left: 12px;
	border-bottom:1px #ed4d4d solid;
}
.leftmenulist ul a:hover {
	background:url(i/leftmenubglight.png) bottom repeat-x;
	color:#FFFFFF;
	border-bottom:1px #ff7272 solid;
}*/

/* --------------- maincontent --------------------------- */
.maincontent {
	width:594px;
	margin-left:35px;
	float:left; 
}

.maincontentinside {
	width:756px;
	margin-left:35px;
	float:left; 
}

.maincontenttext {
	font:13px Tahoma, Geneva, sans-serif;
	color:#333333;
	text-align:justify;
}
.rightsidebar {
	width:133px;
	float:right;
	background: #fff url(i/leftmenutabbg.png) top repeat-x;
	text-align:left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px #b4b4b4 solid;

}
.whatsnew {
	font-size:13px;
	width:103px;
	float:left;
	color:#d60000;
	text-align:left;
	padding:0 5px 0 25px;
}
.whatsnew ul {
	list-style-type: disc;
	display: inline;
}
.whatsnew li {
	margin-bottom:8px;
}
.whatsnew ul a{
	text-decoration:none;
	color:#d60000;
	text-indent:15px;
}
.whatsnew ul a:hover{
	text-decoration:underline;
	color:#d60000;
}

.contactinside {
	background:url(i/contactbg.png) repeat-x;
	height:71px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px #9f0000 solid;
}
.contactleft {
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	width:296px;
	line-height:35px;
	letter-spacing:-1px;
	height:71px;
	border-right:1px #990000 solid;
	float:left;
}
.contactright {
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	width:295px;
	line-height:35px;t
	letter-spacing:-1px;
	height:71px;
	float:right;
}
.productfeature {
	width:594px;
	float:right;
	background: #fff url(i/leftmenutabbg.png) top repeat-x;
	text-align:left;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px #b4b4b4 solid;
	overflow:auto;
}
.products {
	font-size:13px;
	width:148px;
	float:left;
	text-align:center;
	padding:5px 0;
	color:#666666;
}
.products img {
	margin:10px 0;
}
.products a {
	font-weight:bold;
	text-decoration:none;
	color:#dd0000
}
.products a:hover {
	color:#000
}

.paginfo {
	width:760px;
	float:right;
	padding: 30px 0 0 230px;
	text-align:left;
}

/* ------------------footer--------------*/

.eknowhow {
	height:40px;
	float:left;
	padding-top:20px;
}

.privacyweb {
	font-size:11px;
	height:60px;
	float:right;
	line-height:60px;
}
.privacyweb a {
	color: #666;
	text-decoration:none;
}
.privacyweb a:hover {
	color: #d00;
}

/* ------------left submenu -------------*/

#children {
	margin:0;
	padding:0;

	list-style-type:none;

	width:197px;
	font:13px  Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:left;

	float:left;
}
#children .closed {
            background-image: url(i/leftmenudown.png);
        }
#children .closed, #children .opened {

			background-position:right bottom;
            background-repeat:no-repeat;
        }	
#children .header {
            background-color: #e50000 url(i/leftmenubg.png) bottom repeat-x;
        }
#children .opened {
            background-image: url(i/leftmenuup.png);
        }
#children a {
	background:#e50000 url(i/leftmenubg.png) bottom repeat-x;
	display: block;
	text-decoration:none;
	color:#dadada;
	padding-left: 12px;
	border-bottom:1px #ed4d4d solid;
	
}

#children a.hover {
	background:#e50000 url(i/leftmenubglight.png) bottom repeat-x;
	color:#FFFFFF;
	display: block;
	border-bottom:1px #ff7272 solid;
}
		
#children ul {

	margin:0;
	padding:0;
	list-style-type:none;
	display: inline;
	text-decoration:none;
}

#children li {
	
            margin:0;
            padding:0;
            list-style-type:none;
            background-color: #e50000;
            color:#FFFFFF;
        }

#children li a {
	line-height:40px;
	height:40px;
            background: #e50000 url(i/leftmenubg.png) bottom repeat-x;
            color:#dadada;
        }


#children li.active a, #children li li.active a {
	        background: #e50000 url(i/leftmenubg.png) bottom repeat-x;
            color:#FFFFFF;
        }
#children li.active li a, #children li li a {
            padding:10px 4px 10px 10px;
            background:#b50000 url(i/submenubg.png) top repeat-x;
            color:#dadada;
			border-bottom:1px #990000 solid;
			width:183px;
			height:auto;
			line-height:15px;
			font-weight:normal;
	        }
#children li.active li a:hover, #children li li a:hover {
 			background:#c10000 url(i/submenubghover.png) top repeat-x;
            color:#FFFFFF;
        }
		
		
/* --------------- INSIDE CONTENT MENU ------------------*/
.insideleftmenu {
	width:166px;
	float:left;
	text-align: left;
}

.insideleftmenu ul {
	list-style-type:none;
	display: inline;
	text-decoration:none;
}

.insideleftmenu li {
	list-style: none ;
	float:left;
	text-align: left;
}

.insideleftmenu li a {
	background:url(i/img-tourbg1.png) center no-repeat;
	width:151px;
	padding-left:15px;
	line-height:40px;
	float:left;
	text-align: left;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.insideleftmenu li a:hover {
	background: url(i/img-tourbg2.png) center no-repeat;
}

.highlight {
	background: #C00;
	background-position: 50px 0px;
}

.insidecontent {
	width:560px;
	float:right;
	padding-left:30px;
	text-align:left;
	font-size:12px;
	line-height:18px;
	color:#666666;
	padding-top:15px;
}

.cl2 ul {
	list-style-type:none;
	display: inline;
	text-decoration:none;
}

.cl2 li{
line-height: 120%;
background: url('i/bullet.png') top left no-repeat;
background-position: 0px 7px;
padding-left: 20px;
padding-top: 0px;
list-style: none ;
text-decoration: none;
vertical-align: top;
text-align: justify;
margin-bottom: 12px;
}

/*------------ content slider --------------*/
#content-slider {
	width: 558px;
	overflow: hidden;
	height: 380px;
}

#content-slider-inside {
	list-style: none;
	height: 380px;
	overflow: auto;
	overflow-y: hidden;
}

#content-slider ul {
list-style-type:none;
	display: inline;
	text-decoration:none;
}

#content-slider-inside li {
		list-style: none ;
	}
	
#navigation {
	list-style: none;
	margin:10px 0 0 0;
	float: left;
}

#navigation ul {
	list-style-type:none;
	display: inline;
	text-decoration:none;
}

#navigation li {
	list-style-type:none;
	float: left;
	width: 56px;
	height: 38px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	margin-right: 5px ;

}

#navigation li a, #navigation li a:link, #navigation li a:visited {
	text-decoration: none;
	display: block;
	height: 38px;
	color: #666;
}

#navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited {
	background: #666;
	color: #fff;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #666;
	color: #fff;
}

.back {
	background:url(i/back.png);
	width:63px;
	height:19px;
	float:left;
	margin-right: 20px;
	text-indent:-999999px;
	display:block;
}
.back:hover {
	background-position: 0 19px;
}

.email {
	background: url(i/email_a_friend.png);
	width:103px;
	height:19px;
	float:left;
	margin-right: 20px;
	text-indent:-999999px;
	display:block;
}
.email:hover {
	background-position:0 19px;
}
.viewprint {
	background: url(i/view_printable.png);
	width:145px;
	height:19px;
	float:left;
	margin-right: 20px;
	text-indent:-999999px;
	display:block;
}
.viewprint:hover {
	background-position: 0 19px;
}

/*--------------inputbutton---------------*/

.cls1 input[type=button] {
	text-align:left;
	margin-left:20px;
    float: left;
	line-height:40px;
    display: inline;
	cursor:pointer;
    background: url(i/img-tourbg1.png) center no-repeat;
    color: #fff;
	width:166px;
 	height:40px;
	margin: 0px;
	border:none;
	font-weight:bold;
}
.cls1 input[type=button]:hover {
    float: left;
    display: inline;
    background: url(i/img-tourbg2.jpg) center no-repeat;
    color: #FFF;
    border:none;
}
input[type=button].active {
    float: left;
    display: inline;
    background: url(i/img-tourbg2.jpg) center no-repeat;
    color: #FFF;
    border:none;
}