/*
Theme Name: Telwater Version 3.0
Author: ICE Design
Author URL: http://www.icei.com.au
*/

/********** HTML ELEMENTS **********/

body {
	padding: 0; 
	margin: 0; 
	background: url("../images/background.jpg") top left repeat-x; 
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

/*USER DEFINED ELEMENTS*/
#main-box{
	width: 980px; 
	padding: 10px 0 0 0; 
	margin: 0 auto;
}

/*NAVIGATION CONTAINER SETTINGS*/
.left-area{
	width: 495px; 
	float: left;
}

.left-area a.telwater-logo{
	background: url("../images/telwater-sprite.png") no-repeat 0 0;
	width: 495px;
	height: 255px;
	text-indent: -99999px;
	float: left;
	
}

.left-area .small-buttons-container{
	width: 495px;
	height: 260px;
	padding-top:25px;
	margin-top: 5px;
	float:left;
}

.left-area .small-buttons-container a{
	width: 116px;
	height: 71px;
	float: left;
	text-indent: -99999px;
	padding-left: 7px;
	padding-bottom: 9px;
}

.left-area .small-buttons-container a:hover{
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}

.left-area .small-buttons-container a.quintrex-btn{
	background: url("../images/telwater-sprite.png") no-repeat 0 -273px;
}

.left-area .small-buttons-container a.stacer-btn{
	background: url("../images/telwater-sprite.png") no-repeat -136px -273px;
}

.left-area .small-buttons-container a.yellowfin-btn{
	background: url("../images/telwater-sprite.png") no-repeat -272px -273px;
}

.left-area .small-buttons-container a.desert-edge-btn{
	background: url("../images/telwater-sprite.png") no-repeat -408px -273px;
	padding-left: 0 !important;
}

.left-area .small-buttons-container a.savage-btn{
	background: url("../images/telwater-sprite.png") no-repeat 0 -364px;
}

.left-area .small-buttons-container a.savage-fibreglass-btn{
	background: url("../images/telwater-sprite.png") no-repeat -136px -364px;
}

.left-area .small-buttons-container a.archer-btn{
	background: url("../images/telwater-sprite.png") no-repeat -272px -364px;
}

.left-area .small-buttons-container a.vortex-btn{
	background: url("../images/telwater-sprite.png") no-repeat -408px -364px;
	padding-left: 0 !important;
}

.left-area .small-buttons-container a.telwater-trailers-btn{
	background: url("../images/telwater-sprite.png") no-repeat 0 -455px;
}

.left-area .small-buttons-container a.company-btn{
	background: url("../images/telwater-sprite.png") no-repeat -136px -455px;
	cursor: pointer;
}

.left-area .small-buttons-container a.back-btn{
	background: url("../images/telwater-sprite.png") no-repeat -272px -637px;
}

.left-area .small-buttons-container a.ftp-marketing-tool{
	background: url("../images/telwater-sprite.png") no-repeat -272px -546px;
}

.left-area .small-buttons-container a.dealer-gateway{
	background: url("../images/telwater-sprite.png") no-repeat -408px -546px;
}

.left-area .small-buttons-container .empty-btn{
	width: 116px;
	height: 71px;
	padding-right: 9px;
	float: left;
}

.left-area .telwater-main-pic{
	background: url("../images/telwater-sprite.png") no-repeat 0 -728px;
	width: 495px;
	height: 170px;
	padding-bottom: 10px;
}

/*INFORMATION CONTAINER SETTINGS*/
.right-area{
	width: 455px; 
	float: right;
}

.right-area .whole-info{
	
}

.right-area .whole-info .info-top{
	background: url("../images/telwater-sprite.png") no-repeat 0 -728px;
	height: 9px;
}

.right-area .whole-info .info-top2{
	margin-top: 33px;
	background: url("../images/telwater-sprite.png") no-repeat 0 -728px;
	height: 9px;
}

.right-area .whole-info .info-middle{
	background: url("../images/info-middle-bg.png") top left repeat-y;
}

.right-area .whole-info .info-middle .info-container{
	height: 618px;
	overflow-y: auto;
	overflow-x: hidden; 
	width: 445px;
	position: relative;
	top: -20px;
}

.right-area .whole-info .info-middle h1{
	margin: 0;
	font-size: 20px;
	color: #2e3192;
	padding-left: 55px;
	line-height: 30px;
	height: 35px;
}

.right-area .whole-info .info-middle h1.about-telwater{
	background: url("../images/telwater-sprite.png") no-repeat -468px -637px;
	line-height: 40px;
}

.right-area .whole-info .info-middle h1.telwater-news{
	background: url("../images/telwater-sprite.png") no-repeat -468px -768px;	
}

.right-area .whole-info .info-middle h1.telwater-company-link{
	background: url("../images/telwater-sprite.png") no-repeat -475px -689px;
	border-bottom: solid 1px #CCC;
	margin-right: 2px;
}

.right-area .whole-info .info-middle h1.telwater-dealer-link{
	background: url("../images/telwater-sprite.png") no-repeat -470px -728px;
	border-bottom: solid 1px #CCC;
	margin-right: 2px;
	margin-top: 35px;
}

.right-area .whole-info .info-middle h2{
	color: #2e3192;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 15px 15px 5px 15px;
	line-height: 18px;
}

.right-area .whole-info .info-middle img{
	margin: 15px;
	float: left;
}

.right-area .whole-info .info-middle p{
	font-size: 12px;
	color: #666666;
	margin: 0;
	padding: 6px 15px;
	line-height: 17px;
}

.right-area .whole-info .info-middle h2.sub-title{
	font-size: 18px;
	color: #001158;
	font-weight: bold;
	padding-top: 0px;
}

.right-area .whole-info .info-middle h3{
	color: #2e3192;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 15px 15px 5px 15px;
	line-height: 18px;
}

.right-area .whole-info .info-middle p.date-of-release{
	padding: 0 0 0 15px;
}

.right-area .whole-info .info-middle ul{
	padding-left: 20px;
}

.right-area .whole-info .info-middle ul li{
	font-size: 12px;
	color: #666;
	list-style-position: inside;
}

.right-area .whole-info .info-middle .news-ticker{
	padding: 0;
	height: 375px;
	overflow: auto;
	width: 440px;
	text-align: left;
}

.right-area .whole-info .info-middle .news-ticker ul{
	margin-top: 15px !important;
	padding-right: 20px!important;
}

.right-area .whole-info .info-middle .news-ticker ul li{
	list-style-type: none;
	color: #666;
	font-size: 12px;
	padding: 0 10px 10px 0;
	margin-bottom: 8px;
	border-bottom: solid 1px #CCC;	
}

.right-area .whole-info .info-middle .news-ticker ul li a{
	color: #2e3192;
	font-size: 14px;
	text-decoration: none;
}

.right-area .whole-info .info-middle .news-ticker ul li a:hover{
	color: #2e3192;
	text-decoration: underline;
}

.right-area .whole-info .info-middle .news-ticker ul li a.news-title{
	line-height: 24px;
}

.right-area .whole-info .info-middle a.read-more-btn{
	background: url("../images/telwater-sprite.png") no-repeat -136px -637px;
	width: 101px;
	height: 42px;
	text-indent: -99999px;
	position: relative;
	right: -12px;
	float: right;
	top: 0;
	margin: 0;
	padding: 0;
}

.right-area .whole-info .info-middle a.visit-website-btn{
	background: url("../images/telwater-sprite.png") no-repeat -126px -680px;
	width: 111px;
	height: 42px;
	text-indent: -99999px;
	position: relative;
	right: -12px;
	float: right;
	margin: 0;
	padding: 0;
	top: -35px;
}

.right-area .whole-info .info-middle a.visit-website-blank-btn{
	width: 111px;
	height: 42px;
	text-indent: -99999px;
	position: relative;
	right: -12px;
	float: right;
	margin: 0;
	padding: 0;
	top: -35px;
}

.right-area .whole-info .info-bottom{
	background: url("../images/telwater-sprite.png") no-repeat 0 -779px;
	height: 9px;
}

.right-area .news-container{

}

.right-area .company-links-container{
	display:none;
	z-index: 9999;
}

.right-area .company-links{
	width: 440px;
	height: 170px;
	padding-left: 15px;
	padding-top: 15px;
}

.right-area .dealer-links{
	width: 440px;
	height: 105px;
	padding-left: 15px;
	padding-top: 15px;
}

.right-area .company-links-container a{
	width: 116px;
	height: 71px;
	float: left;
	text-indent: -99999px;
	padding-left: 9px;
	padding-bottom: 9px;
}

.right-area .company-links-container a:hover{
	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}

.right-area .company-links-container a.microsoft-outlook{
	background: url("../images/telwater-sprite.png") no-repeat -272px -455px;
}

.right-area .company-links-container a.remote-connection{
	background: url("../images/telwater-sprite.png") no-repeat -408px -455px;
}

.right-area .company-links-container a.epal{
	background: url("../images/telwater-sprite.png") no-repeat 0 -546px;
}

.right-area .company-links-container a.bsm{
	background: url("../images/telwater-sprite.png") no-repeat -136px -546px;
}

.right-area .company-links-container a.hidden-link{
	color: white; 
	text-indent: 0; 
	font-size: 10px;
	height: 10px !important;
	width: 80px!important;
	padding: 0!important;
}

.right-area .company-links-container .sms-service{
	background: url("../images/telwater-sprite.png") no-repeat 0px -637px;
	width: 116px;
	height: 71px;
	float: left;
	text-indent: -99999px;
	padding-left: 9px;
	padding-bottom: 9px;
}

/*FOOTER SETTINGS*/
.footer{
	width: 980px;
	height: 20px;
	color: #333333;
	font-size: 10px;
	float: left;
	position: relative;
	background: #DDDDDD;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
}
