/* Stylesheet for Osiris Communications

 *

 * Copyright © 2006 Eggplant Studios All Rights Reserved.

 * 

 * Author: Eggplant Studios Team

 *

 * Please feel free to learn from this CSS :)

 */



/* CSS Document */



/* Co Location Packages and Affiliate program */



#coloc-panels .coloc-package-left, #coloc-panels .coloc-package-right{
	min-height: 275px;
	width: 200px;
	background:url(../images/backgrounds/coloc_package_bg.gif) bottom center no-repeat;
	border-top:1px solid #a49a9a;
	/* Expression works in IE only */

	height:275px;

}

#coloc-panels .coloc-package-left{

	float: left;

	padding: 0 0 5px 0;

	margin: 0 0 0 6px;
	width: 200px;
}
* html #coloc-panels .coloc-package-left{
	margin: 0 0 0 3px; /* I.E Only */
}
#coloc-panels .coloc-package-right{
	float:right;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	width:200px;

}
* html #coloc-panels .coloc-package-right{
	margin: 0 3px 0 0 ; /* I.E Only */
}

#coloc-panels .package-header {

	margin: 5px 0 0 5px;

}

#coloc-panels .bodytext{

	font-size:69%;

	padding: 0 10px 5px 10px;

}



#coloc-panels ul{

	font-size:69%;

	font-family: Arial, Helvetica, sans-serif;

	color : #000000;

	padding: 0 5px 0 0;

	margin: 0 5px 0 25px;	

	list-style-image: url(../images/bullets/circle.gif);

}



#aff-panels .aff-btn-left{

	float: right;

	margin: 10px 10px 0 0;
	width:auto;

}



.package-btn-left a, #coloc-panels .package-btn-right a{

	float: right;

	width: 99px;

	height: 30px;

	background:url(../images/btns/getincontact_btn.gif) 0 0 no-repeat;

}



#coloc-panels .package-btn-left a:hover, #coloc-panels .package-btn-right a:hover {

	background-position: 0 -30px;

}



#coloc-panels .package-btn-left{

	padding: 10px 10px 0 0;

}



#coloc-panels .package-btn-right{

	padding: 15px 10px 0 0;

	

}





/* Package Feature List */



.feature-list { margin: 0 5px 5px 5px; padding: 0 10px 10px 5px; border: 1px #a49a9a solid;}

.feature-list caption { font-family: Arial, Helvetica, sans-serif; font-size: 119%; }

.feature-list .title 	{ font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-size: 89%; margin: 10px 0 5px 0;}

.feature-list .detail 	{ font-family: Arial, Helvetica, sans-serif; font-weight: normal;font-size: 69%; height: 15px; }



.more-info a			{color:#6a7a43; text-decoration: underline;}

.more-info a:hover		{ color:#6a7a43; text-decoration: underline;}

 .more-info-details			{ margin: 0 5px 5px 5px; padding: 0 10px 10px 5px; border: 1px #a49a9a solid;}

.more-info caption 		{ font-family: Arial, Helvetica, sans-serif; font-size: 119%; }

.more-info .sub-info 	{ font-weight: normal;font-size: 69%; padding: 0 0 5px 0; }

.info-list ul{ font-size: 69%; color : #000000; padding: 0 0 10px 50px; list-style-image: url(../images/bullets/check.gif);}

.commission-info-list ul{color : #000000; padding: 0 0 10px 50px; list-style-image: url(../images/bullets/check.gif);}


.more-info a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 69%;

	color: #000000;

	padding: 1px 0 0 5px;

	text-decoration: none;
	
	display:block;

}

.more-info a:hover {

	color: #4882a2;

	text-decoration: none;

}



.close-btn a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 69%;

	color: #000000;

	padding: 1px 0 0 5px;

	text-decoration: none;

	float: right;
	width:auto;
}



.close-btn a:hover {

	color: #4882a2;

	text-decoration: none;

}

/* Package Pages - Package Details*/



.package-panels, .certificate-panels {

	background:url(../images/backgrounds/certificate_bg.gif) bottom center no-repeat;

	border-top:1px solid #a49a9a;

	margin: 0 0 0 5px;

	min-height: 79px;		

	width: 418px;

}



.package-panels .content, .certificate-panels .content {	padding: 5px 10px 10px 10px; }

.package-panels .caption, .certificate-panels .caption { font-size:119%; padding: 0 0 5px 0; }

.package-panels .info, .certificate-panels .info { font-size:89%; padding: 0 5px 5px 0;}



.package-panels, .certificate-panels				{ font-family: Arial, Helvetica, sans-serif; }

/*caption { font-size:119%; padding: 0 0 5px 0; }*/
.caption { font-size:119%; padding: 0 0 5px 0; }

.package-panels td, .certificate-panels td				{ font-size:98%; color:#4882a2;}

.package-panels .disc_var		{ width: 82px; }

.package-panels .traffic_var	{ width: 88px; }

.package-panels .emails_var		{ width: 99px; }

.package-panels .price_var		{ width: 65px;  color:#000000; font-weight: bold;}



.package-panels .select-btn a, .certificate-panels .select-btn a { float: left; width: 52px; height: 20px; background: url(../images/btns/select_btn.gif) 0 0 no-repeat;} 

.package-panels .select-btn a:hover, .certificate-panels .select-btn a:hover { background-position: 0 -20px; }



.package-panels .disc	 	{ width: 82px; font-size:69%;}

.package-panels .traffic	{ width: 88px; font-size:69%;}

.package-panels .emails	 	{ width: 99px; font-size:69%;}

.package-panels .price	 	{ width: 68px; color:#000000; font-size:69%;}



/* Flowchart Pages - Flowchart Details*/
.flowchart-panels .content {	padding: 5px 10px 10px 10px; clear: both;}
.flowchart-panels .img {float: left; margin: 0 5px 0 0; width:auto;}
.flowchart-panels .caption-1, .flowchart-panels .caption-2, .flowchart-panels .caption-3, .flowchart-panels .caption-4 { font-size:109%; font-weight: bold; padding: 3px 0 5px 30px;}
.flowchart-panels .caption-1	{ background: url(../images/shopsite/1_icon.gif) 0 0 no-repeat;}
.flowchart-panels .caption-2 { background: url(../images/shopsite/2_icon.gif) 0 0 no-repeat;}
.flowchart-panels .caption-3	{ background: url(../images/shopsite/3_icon.gif) 0 0 no-repeat;}
.flowchart-panels .caption-4 { background: url(../images/shopsite/4_icon.gif) 0 0 no-repeat;}
#package1  .info, #package2 .info, #package3 .info, #package4 .info 	{ font-size:79%; width:290px; padding: 0 5px 5px 0;}
#package1  .info_secure, #package2 .info_secure, #package3 .info_secure, #package4 .info_secure {font-size:79%;padding: 0 5px 5px 0; width:260px; }

.flowchart-panels .bodylink { float: left; padding: 0 0 5px 0; width:auto;}

/* Commissions Table */

#commissions_table { border: #728d9e;}
#commissions_table th {background: #507190; color: #FFFFFF; padding-left: 15px;}
#commissions_table td {padding-left: 15px;}

#commissions_table td {background: #e8e8e8; }
#commissions_table .odd td {background: #f5f5f5; }

.comodoTL {display: none;}
