/* Hosting table -------------- */

#hosting_tables table{
	width: 100%;
	margin: 20px 0 10px 0;
}

#hosting_tables .table_header {
	background-color: #231f20;
	font: normal 16px/29px "Myriad Pro", Helvetica, arial, sans-serif;
	color: white;
	
}

#hosting_tables .table_header  th{
	background-color: #231f20;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#hosting_tables tr.even{
	background-color: #efefef;
}

#hosting_tables td{
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: .5px;
}

#main_content #hosting_tables .table_header a{
	display: block;
	background: url("../img/commander_th.gif") no-repeat;
	width: 111px;
	height: 29px;
	text-indent: -9999px;
	border: 0;
	text-decoration: none;
}

#main_content #hosting_tables .table_header a:hover{
	background-position: 0 -29px;
}

#hosting_tables .def {
	text-align: center;
}

#hosting_tables .pro_package{
	color: #e0dcdc;
}

#hosting_tables .free{
	color: #197b30;
	font-weight: bold;
}

#hosting_tables .tick{
	display: block;
	width: 19px;
	height: 18px;
	background: url("../img/tick.gif") no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
}

#main_content #hosting_tables td a.toterm{
	padding-left: 25px;
	line-height: 17px;
	background: url("../img/questions.gif") no-repeat 0 50%;
	text-decoration: none;
	border: 0;
}

#main_content #hosting_tables td a.toterm:hover{
	color: #ac4239;
}

#main_content #hosting_tables td a.toterm span{
	border-bottom: 1px dotted #ac4239;
}


/* Commander form inside the table -------------- */

#hosting_tables #plan1_package, #hosting_tables #plan2_package, #hosting_tables #plan3_package {
	position: relative;
	left: -9999px;
}

.choose_plan p{
	margin: 10px 0;
}

.choose_plan label{
	line-height: 38px;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-left: -5px;
}

.choose_plan label span{
	font-size: 12px;
	font-weight: normal;
	color: #231f20;
	padding-left: 5px;
}

#hosting_tables .plan{
	cursor: pointer;
	float: left;
	clear: left;
	width: 29px;
	height: 32px;
	background: url("../img/table_ticker.gif") no-repeat;
	margin: 0;
}

#hosting_tables .selected{
	background-position: 0 -32px;
}

#hosting_tables button{
	border: 0;
	padding: 0;
	cursor: pointer;
	width: 152px;
	height: 46px;
	background-image: url("../img/commander_table.gif");
	margin-top: 0;
	margin-left: 170px;
}

#hosting_tables button span{
	visibility: hidden;
}

#hosting_tables button:hover, #hosting_tables button.hover{
	background-position: 0 -46px;
}


/* Modal Window -------------------- */

div#modal_down{
	position: absolute;
	background: transparent url('../img/modal_bottom_down.png') no-repeat bottom left;
	z-index: 500;
	width: 425px;
	padding-bottom: 12px;
	color: #ecebeb;
}

div#modal_down div{
	background: transparent url('../img/modal_top_down.png') no-repeat top left;
	padding-top: 21px;
}

div#modal_down div div{
	background-color: #ac4239;
	padding: 10px 20px;
	text-align: left;
	font: normal 12px/18px Arial, sans-serif;
	position: relative;
}

div#modal_down div div h3{
	font: bold 20px/32px "Myriad Pro", Arial, sans-serif;
	border-bottom: 1px solid #be6c64;
	margin-bottom: 15px;
	color: white;
}

div#modal_down a{
	color: white;
}

div#modal_down span.modal_close{
	color: white;
	font: normal 20px/32px "Myriad Pro", Arial, sans-serif;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
}

div#modal_up{
	position: absolute;
	background: transparent url('../img/modal_bottom_up.png') no-repeat bottom left;
	z-index: 500;
	width: 425px;
	padding-bottom: 21px;
	color: #ecebeb;
}

div#modal_up div{
	background: transparent url('../img/modal_top_up.png') no-repeat top left;
	padding-top: 12px;
}

div#modal_up div div{
	background-color: #ac4239;
	padding: 10px 20px;
	text-align: left;
	font: normal 12px/18px Arial, sans-serif;
	position: relative;
}

div#modal_up div div h3{
	font: bold 20px/32px "Myriad Pro", Arial, sans-serif;
	border-bottom: 1px solid #be6c64;
	margin-bottom: 15px;
	color: white;
}

div#modal_up a{
	color: white;
}

div#modal_up span.modal_close{
	color: white;
	font: normal 20px/32px "Myriad Pro", Arial, sans-serif;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
}


#price-plan h3{
	background-color: #231f20;
	font: bold 16px/29px "Myriad Pro", Helvetica, arial, sans-serif;
	color: white;
	padding:6px 10px;
	margin-top: 25px;
}

#price-plan #payments-accepted{
	float: left;
	width: 254px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	margin-top: 7px;
}

#price-plan #commander-full{
	float: right;
	width: 345px;
	margin-top: 5px;
}

#price-plan #payments-accepted li{
	float: left;
	padding: 0;
	margin: 0;
	border: 1px solid #f1f0f0;
	margin-right: 15px;
	margin-bottom: 15px;
}

#price-plan #payments-accepted li.accepted-visa{
	background: transparent url('../img/visa.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}

#price-plan #payments-accepted li.accepted-mastercard{
	background: transparent url('../img/mastercard.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}

#price-plan #payments-accepted li.accepted-paypal{
	background: transparent url('../img/paypal.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}

#price-plan #payments-accepted li.accepted-westernunion{
	background: transparent url('../img/westernunion.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}

#price-plan #payments-accepted li.accepted-americanexpress{
	background: transparent url('../img/americanexpress.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}

#price-plan #payments-accepted li.accepted-cheques{
	background: transparent url('../img/cheques.png') no-repeat;
	width: 102px;
	height: 40px;
	text-indent: -9999px;
}