﻿.viewplan{width:96px;height:20px;background-image: url(/web-hosting/view2.gif);}
#promo-container{height:200px;border-bottom:1px solid #e8e8e8;background:white url(../web-hosting/bg.jpg) no-repeat;}

#promo-container h2{color:#FFF;}
#top {width:600px;height:20px;background-image: url(/web-hosting/top.png);}
#bottom {width:600px;height:20px;background-image: url(/web-hosting/bottom.png);}
#promo-box{color:white;width:432px;background:url(../images/promo_box.png) repeat;}
hr{margin:0px;padding:0px}

#plans p{Padding:10px}

#hosting-plans {
	background: #ffffff url(/web-hosting/plansback.gif) top left repeat-y;overflow:hidden;margin:0px}
.desc {float:right}
#hosting-plans a {
	display: block;
	padding: 9px 0px 9px 0px;
	text-decoration: none;
	background-image: url(/web-hosting/highlight.gif);
	background-position: 0 0;
	border-left:1px solid gray;
	border-right:1px solid gray;
}
#hosting-plans img {margin:0px;padding:0px}
#hosting-plans a span {
	display: block;
	color: #000;
	width: 300px;
	padding: 0 0 0 0px;
	margin: 0px 0px 0px 290px;
}


#hosting-plans a:hover {
	background-position: 0px -202px;
	cursor: pointer;
}

#hosting-plans a:hover span.plan {
	color: #b13b1d 
}

#hosting-plans a span.plan {
	display: block;
	float: left;
	display: inline;
	width: 220px;
	text-decoration: none;
	color: #333333;
	padding-top: 5px;
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}

#hosting-plans a.plan-first { padding-top: 0px; }
#hosting-plans a.plan-last { padding-bottom: 0px; }

.bord-top {
border-top:0px solid #DDDDDD;
}
.bord-bottom {
border-bottom:1px solid #d5d5d5
}
