﻿div.package-introduction
{
	float: left;	
	width: auto;
}

ul.package-icon-smaller
{
	float: left;
	width: 535px;
	margin: 0;
	padding: 0px 10px 0px 20px;
	line-height: normal;
}

ul.package-icon-smaller li
{
	float: left;
	width: 93px;
	margin: 0px 20px 0px 0px;
	height: 100px;
	list-style: none; 
	position: relative;	
	background-image: url('/Content/Images/packages.gif');	
}

ul.package-icon-smaller li.package-detail
{
	float: left;
	background: none;
	width: 400px;
	height: auto;
	margin: 0px 0px 0px 10px;
}

ul.package-icon-smaller li.package-detail a
{
	float: right;
	height: auto;	
	margin: 10px 0px 0px 0px;
	color: #619431;
	font-weight: 600;
}

ul.package-icon-smaller a {	 
	 display: block;
	 margin: 0;
	 padding: 0;
	 height: 100px;
}

ul.package-icon-smaller li span
{
	display: none;
}

div.package-icon-larger,
div.package-icon-smaller,
div.package-icon-tiny
{
	float: left;	
	margin: 0px 20px;
	background-image: url('/Content/Images/packages.gif');
	background-repeat: no-repeat;
}

div.package-icon-larger
{
	width: 115px;
	height: 125px;
}

div.package-icon-smaller
{
	width: 93px;
	height: 100px;
}

div.package-icon-tiny,
div.package-icon-tiny a
{
	width: 66px;
	height: 72px;
	margin: 0px 5px 0px 7px;
}

div.package-icon-tiny a
{
	display: block;
	margin: 0;	
}

div.package-icon-tiny a span
{
	display: none;
}

div.basic-package-icon-large
{
	background-position: -11px -13px;
}

div.basic-package-icon-smaller,
li.basic-package-icon-smaller
{
	background-position: -158px -32px;
}

div.essential-package-icon-larger
{
	background-position: -11px -152px;	
}

div.essential-package-icon-smaller,
li.essential-package-icon-smaller
{
	background-position: -158px -171px;
}

div.premium-package-icon-larger
{
	background-position: -11px -297px;
}

div.premium-package-icon-smaller,
li.premium-package-icon-smaller
{
	background-position: -158px -316px;
}

div.exclusive-package-icon-larger
{
	background-position: -11px -443px;
}

div.exclusive-package-icon-smaller,
li.exclusive-package-icon-smaller
{
	/*background-position: -169px -462px;*/
	background-position: -158px -462px;
}

div.basic-package-icon-tiny
{
	background-position: -262px -53px;
}

div.essential-package-icon-tiny
{
	background-position: -261px -192px;
}

div.premium-package-icon-tiny
{
	background-position: -262px -337px;
}

div.exclusive-package-icon-tiny
{
	background-position: -262px -483px;
}

div.service-description
{
	padding: 0px 10px 0px 10px;
	width: auto;
	display: block;
}

div.service-description a
{
	float: right;
	clear: both;
	margin: 5px 5px 0px 0px;
	color: #619431;
	font-weight: 600;
}

div.service-description a:hover
{
	color: #619431;	
}

div.service-description ol
{	
	float: left;
	clear: none;
	margin: 5px 0px 0px 0px;
	padding: 0;	
	list-style-position: inside;
	list-style-type: disc;	
}

div.service-button
{
	float: left;
	clear: none;
	width: 173px;
	height: 56px;	
	margin: 0px 10px 0px 0px;
	text-align: center;
	font-family: Verdana;
	font-size: 16px;	
	background: url('/Content/Images/packages.gif') no-repeat -15px -588px;
}

div.service-button-green
{
	float: left;
	clear: none;
	width: 122px;
	height: 56px;	
	margin: 8px 10px 0px 0px;
	text-align: center;	
	font-family: Verdana;
	font-size: 16px;
}

div.service-button-consumers
{
	background: url('/Content/Images/packages.gif') no-repeat -210px -569px;	
}

div.service-button-builders
{
	background: url('/Content/Images/packages.gif') no-repeat -210px -628px;	
}

div.service-button-green a span
{
	display: none;
}

div.service-button a,
div.service-button-green a
{
	font-weight: bold;	
	text-decoration: none;
	display: block;
	width: 100%;
	height: 41px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #000000;
}

/*Package Grid*/
div.package-feature
{
	width: 100%;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	line-height: 11px;
}

div.package-feature div
{
	float: left;
	clear: none;
}

div.package-feature div.package-feature-header-name
{
	width: 374px;
	height: 22px;
	padding: 9px 2px 0px 15px;
	margin: 0px;
	border-right: none 0;
	border-bottom: none 0;
	border-top: solid 1px;
	border-left: solid 1px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: inherit;
}

div.package-feature div.package-feature-header-name-short
{
	padding-top: 40px;
	width: 240px;
}

div.package-feature div.package-feature-header-value
{
	width: 84px;
	height: 29px;
	padding: 2px 1px 0px 1px;
	margin: 0px;
	text-align: center;
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: none 0;
	border-bottom: none 0;	
	color: #000000;
	background-color: #FFFFFF;
	border-color: inherit;
}

div.package-feature div.package-feature-header-value-rt
{
	width: 83px;
	border-right: solid 1px;
}

div.feature-name
{
	width: 375px;
	height: 22px;
	padding: 5px 2px 2px 15px;
	margin: 0px 0px 1px 0px;
	border: none 0;
}

div.feature-comparision-name
{
	width: 240px;
}

div.feature-value
{
	width: 84px;
	height: 22px;
	padding: 5px 1px 2px 1px;
	margin: 0px 0px 1px 1px;
	text-align: center;
}

div.feature-value-img
{
	width: 84px;
	height: 23px;
	padding: 4px 1px 2px 1px;
	margin: 0px 0px 1px 1px;
	text-align: center;	
}

div.accept-sign,
div.reject-sign
{
    background-image:url(/Content/Images/common.gif);
    background-repeat:no-repeat;
    background-color:Transparent;
    left: 30px;
    position: relative;
}

div.accept-sign
{
    background-position:-11px -259px;
    width: 24px;
    height: 20px;    
}

div.reject-sign
{
    background-position:-12px -286px;
    width: 16px;
    height: 18px;    
}

div.feature-comparision-value
{
	width: 76px;
}

div.double-height
{
    height:26px;
}
div.double-height-top-padding
{
    height:20px;
    padding-top:11px;
}

/*colors*/
div.package-feature-cyan
{
	color: #FFFEFE;
	background-color: #A1C1C6;
	border-color: #A1C1C6 !important;
}

div.package-feature-alt-cyan
{
	color: #000000;
	background-color: #CEDEE1;
	border-color: #CEDEE1 !important;	
}

div.package-feature-red
{
	color: #FFFEFE;
	background-color: #d05661;
	border-color: #d05661 !important;
}

div.package-feature-alt-red
{
	color: #000000;
	background-color: #de8692;
	border-color: #de8692 !important;	
}

div.package-feature-green
{
	color: #FFFEFE;
	background-color: #bacc76;
	border-color: #bacc76 !important;
}

div.package-feature-alt-green
{
	color: #000000;
	background-color: #d3dea6;
	border-color: #d3dea6 !important;	
}

div.package-feature-orange
{
	color: #FFFEFE;
	background-color: #eead5b;
	border-color: #eead5b !important;
}

div.package-feature-alt-orange
{
	color: #000000;
	background-color: #F4CB96;
	border-color: #ffffff !important;	
}

div.package-feature-gray
{
    color: #FFFEFE;
	background-color: #AFAFAF;
	border-color: #eead5b !important; 
}

div.package-feature-alt-gray
{
    color: #000000;
	background-color: #D2D2D2;
	border-color: #ffffff !important; 
}

div.package-feature-white
{
	color: #000000;
	background-color: #FFFEFE;
	border-color: #FFFEFE !important;
}
/*------------*/

div.compare-package-link a
{
	color: #4673BB;
	font-weight: bold;
	text-decoration: underline;
	line-height: 20px;
}

hr.paddingr3perc
{
	width: 97%;
}
