/* Phosphorix Portal
URL: http://www.phosphorix.com/phos-shed/
Version: 1.0
Author: Richard Carowicz & David Hunter
Author URL: http://www.phosphorix.com
Created: 25/03/08

- - Colour Index - -
*/
#rightcontent{float:right;}
#staticcontent li{margin-left:60px;}
#page-resources ul {text-align:left;list-style-image: url(../images/list-style-square.gif);margin:20px;}
#page-resources{width:370px;margin: 0 0 10px 10px;border:1px orange solid;}
#page-resources h2{background: url(../images/panel-heading-bg.gif) repeat-x top left;border-bottom: #aaa 1px solid;font-size:115%;padding:10px;}

#latest-news li{margin-left:0px;}
#latest-news ul {text-align:left;list-style-image: url(../images/list-style-square.gif);margin:20px;}
#latest-news{float:right;margin: 0 0 10px 10px;border:1px orange solid;}
#latest-news h2{background: url(../images/panel-heading-bg.gif) repeat-x top left;border-bottom: #aaa 1px solid;font-size:115%;padding:10px;}

#featured-video ul {text-align:left;list-style-image: url(../images/list-style-square.gif);margin:20px;}
#featured-video{width:370px;float:left;margin: 0 0 10px 10px;border:1px orange solid;}
#featured-video h2{background: url(../images/panel-heading-bg.gif) repeat-x top left;border-bottom: #aaa 1px solid;font-size:115%;padding:10px;}

#chat-with-us-now, #make-an-enquiry{	
	margin-left: 2px;
	margin-right: 5px;
	margin-top: -22px;	
	position: absolute;
}
/*============= TOGGLE CHANNELS ========================================*/
#toggleChannels{float:right;display:block;}
#toggleChannels ul li{display:inline;float:left;padding:10px;}
/*============= PIPE STYLES =====================================*/
.pipe{color:#F26522;}

/*============= GENERAL STYLES =====================================*/
#select-box{
	top:10px; 
	right:0; 
	position:absolute;}
/*============= PRODUCT INDEX PAGE =================================*/
.product-index-image{
	padding: 10px;
	border: none;
}
#package-container{
	margin:0 auto;
	font-size:11px;
}
#package-container ul, 
#package-container li, 
#package-container p{
	color:#777;
	list-style: none;
}
.package-indent{
	margin-left:40px !important;
	background: none !important;
}
#package-writing li{
	padding:0px 0px 0px 20px;
}
#package-writing ul{
	padding:3px;
}
#package-writing{
	padding:10px;
	margin-right:20px;	
}
/*======================== QUICKLINKS ===============================*/
#product-quicklinks{
	width: 250px;
	float: right;
	
    margin: 0 10px 10px 10px;
	border: 1px orange solid;
}
#product-quicklinks h2{ background: url(../images/panel-heading-bg.gif) repeat-x top left;
    border-bottom: #aaa 1px solid;
    font-size:115%;
    padding:10px;}
#product-quicklinks ul{
	
}
#product-quicklinks li{
	padding:5px;
}
/*============= POWERS BAR =======================================*/
#panel {background: #EEEEEE;height: 40px;display: none;border-left:1px solid #DA9B49;border-right:1px solid #DA9B49;}
.slide {background: url(../images/button-slide.gif) no-repeat center top;margin: 0;padding: 0;border-top: solid 1px #DA9B49;}
.btn-slide {width:154px;height:20px;/*background: url(../images/white-arrow.gif) no-repeat right -50px;*/text-align: center;
padding: 2px 2px 0 0;margin: 0 auto;display: block;font: bold 80% Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;color: #FFF;	text-decoration: none;}
.active {background-position: right 12px;}
#powerpanel ul li{float:left;display:block;padding:10px;}
/*============= HEADER ==================================*/
#function-bar{padding:10px 0 10px 0;}
#header{padding:10px 0 2px 0; background: url(../images/watermark.gif) center no-repeat;}
#right-info{float: right;}
#left-info{float: left;}
/*============= ERRORS/NOTIFICATIONS =======================================*/
ul.errors {	
	color: #E9584C;
	font-weight: bold;
	padding: 5px 10px 5px 5px;
	margin: 10px 0px 15px 0px;
	background: #F8E388 ;
	list-style-type:none;
}
ul.errors li{
	background: url(../images/attention.gif) no-repeat center left;
	padding: 3px 0px 0px 22px;	
}
ul.notifications {	
	color: #E9584C;
	font-weight: bold;
	padding: 5px 10px 5px 5px;
	margin: 10px 0px 15px 0px;
	background: #F8E388 ;
	list-style-type:none;
}
ul.notifications li{
	background: url(../images/attention.gif) no-repeat center left;
	padding: 3px 0px 0px 22px;
}

span#headerinfo-right{float:right;clear:none;}
span#headerinfo-left{float:left;width:45%;clear:none;}
#continue{
	background: #F8E388 url(../images/forward.gif) no-repeat center left;
	padding: 10px 10px 10px 20px;	
	margin:10px;
	margin-bottom:10px;	
}
/*============= STRUCTURE ==================================*/
#outer_wrapper {	
	position:relative;
	width:974px;
	margin-left:auto;
	margin-right:auto;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	background:#fff
}
#container {padding:10px 0 0 0;}		
#main{	
	text-align: justify;		
	margin-left: 161px;	
 	padding: 0 0 10px 10px;
}		
#left{			
width:161px;margin-right:10px;	
	float: left;	
	border: solid 1px #dfdfdf; 	
}
.clear-right{
	clear:right;	
}
p.breadcrumbs{
	font-size: 84%;
}
#footer {	
	border-top: 1px dotted #ffa405;	   
    text-align: center; 
    margin-top: 10px;
}
.clear{clear:both;}

span.keywordhighlight{
	background-color: yellow;	
}