charset "UTF-8";
/* CSS Document */

/******* Global Items *******/

* { 						margin: 0; padding: 0; }  
body {						text-align: center;font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;color:#666; background:url(images/cart_bg.jpg) repeat-y center #e6e6dd;}
a:focus {					outline: none;}
a {							text-decoration: none;}
a img {						border-style: none;}
a:hover {					text-decoration: underline;}
image {						border: none;}

/******* Body Items *******/
#wrapper {					margin: 0 auto;text-align: left;}
#masthead {					background:url(images/header.gif);position: relative;}
#masthead a{				display:block;position:absolute;top:0;left:0;text-indent:-2000px;}
#content{					font-size: 12px;color:#666;padding: 0 45px 0 45px;height:100%; /** IE hack **/}
#content_summary{			font-size: 12px;color:#666;padding: 0 45px 0 45px;height:100%; /** IE hack **/}

/******* Main Form items *******/
legend {					padding: 0 5px; margin: 0 10px;font-weight:bold;}
fieldset {					padding: 0 0 14px 0;margin: 1em 0;}

#form {						margin: 40px 0 0 0;font-size: 12px; color:#666}
#form .payment_info {		background:url(images/shipping-image-sm.jpg) right center no-repeat;}
#form .payment_info p {		margin: 0;padding: 1.8em 1.6em; width: 50%}
#form .payment_info label{	width: auto;}
#form .payment_info input{ 	margin-right: 10px;width: auto}
#form .personal_info {		width: 47%;float: left;}
#form .billing_info{		float: right;width: 47%;}
#form .shipping_info{		float: left;width: 47%;}
#form .credit_info{			float: right;width: 47%;}
#form label {				float: left;width: 35%;margin: 0;}
#form input {				width: 62%;color: #333333;float: left;margin: 0;}
#form select {				width: 42%;color: #333333;float: left;}
#form p{					margin: 0;padding: 1.3em 1.6em;}
#form p.submit_btn {		float: right;text-align: right;padding: 20px 0 0 0;}

/******* Error items *******/
.error{						border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(images/error.jpg); background-repeat:no-repeat;background-position:right;margin: 0 60px 30px 60px;}
.error li{					margin: 0 0 0 10px;padding: 0}
.error ul {					padding: 0; margin: 0 0 15px 20px;}
.error_payment{				border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;background-image:url(images/error.jpg); background-repeat:no-repeat;background-position:right;margin: 10px 15px 10px 15px;}
.error_payment li{			margin: 0 0 0 10px;padding: 0 70px 0 0;}
.error_payment ul {			padding: 0; margin: 0 0 15px 20px;}

/******* Shipping/Billing items & Invoice page *******/
#product {					padding: 0 45px 0 45px;height:100%; position:relative; /** IE hack **/}
#product h1	{				height: 52px;text-indent: -2000px;margin:10px 0 0 0;}
#product h1 a	{			display:block;width: 300px;height:52px; float:right;text-indent:-2000px;}
#product h2	{				font-size: 14px; font-weight:normal;}
#product h3	{				margin:0 0 0 0;font-size: 16px;}
#product h4{				padding: 0;font-size: 16px;margin: 3px 0 10px 0;}
#product .price {			width: 390px; float:right; padding:0; margin:0 15px 15px 0;}
#product .price td {		padding:0; margin:0}
.buybutton {				text-align:right; display:block; clear:both; margin:0; padding:0; width:100%;}
.starburst {				background:url(images/starburst.png)!important; background:none;  width:164px; height:135px; top: 180px; left: 40px; z-index:100;position:absolute;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/starburst.png', sizingMethod='scale');}
#product .price p {			padding:0; font-size:16px; font-weight:bold; margin:0}
#product .price ul {		margin: 5px 20px; padding:0}
#product .package_chart {	float:left; margin: 10px 0 0px 0; padding:0 20px;}
#product .package_chart p {	font-size: 16px; padding: 6px 0px 3px 0; font-weight:bold; margin:0}
#product .package_chart ul {margin: 0; padding:0;}
#product .package_chart li {font-size: 13px; margin: 0 0 0 35px;}
#product .invoice-num {		width: 430px; float:left;margin:10px 0 20px 0;}
#product .image {			width: 308px;float:left;padding: 14px 0 0 0;}
#product .image2 {			width: 280px;float:right;padding: 14px 0 0 0;margin:0}
#product .description {		width: 500px;float:right;font-size:12px;color:#666;}
#product .description ul{	margin: 0 0 0 40px; padding:0;}
#product .description li{	padding: 2px 0;}
#product .description h2{	background:url(images/subheadline-shipping.gif); height: 39px;text-indent: -2000px;}
#product .description2{		width: 500px;float:right;background:url(images/limited-bonus.gif) no-repeat;font-size:12px;color:#666;}
#product .description2 ul{	margin: 0 0 0 40px; padding:50px 0 0 0;}
#product .description2 li{	padding: 2px 0;}
#content td {				padding:0;}
#pricepoint {				padding: 0 45px 0 45px;height:100%; /** IE hack **/}
#pricepoint td {			padding:0;}
#pricepoint ul	{			padding:0; margin:0 20px;}
#content hr {				border: 0; width: 100%;color: #CCC;background-color:#CCC; height: 1px; margin: 4px 0;}
#content ul {				margin:0; padding:0;}
#content li {				padding: 0 0 0 1px; margin: 0 0 0 30px;}
#content .efforts {			background:#005296; color:#FFF; font-size: 15px; font-weight:bold; padding: 6px 0 6px 10px;}
#content .plan_options {	float:left;}
#content .plan_options ul {	margin: 7px 0; padding:0;}
#content .plan_options li {	margin:0 0 0 17px; padding:0px;}
.price table {				margin-top:0; padding-top:0;}

#content_summary hr {		border: 0; width: 100%;color: #CCC;background-color:#CCC; height: 1px; margin: 4px 0;}
#content_summary ul {		margin:0; padding:0;}
#content_summary li {		padding: 0 0 0 1px; margin: 0 0 0 30px;}
#content_summary .efforts {	background:#005296; color:#FFF; font-size: 15px; font-weight:bold; padding: 6px 0 6px 10px;}



/******* Upsell Lead Gen *******/
#upsell {					padding: 0 45px 0 45px;height:100%; /** IE hack **/}
#upsell p {					font-size:12px;}
#upsell li strong {			color:#005396; font-size:14px;}
#upsell h1	{				height: 103px;text-indent: -2000px;margin:10px 0 0 0;background:url(images/headline-upsell1.gif);}
#upsell h2{					padding: 0;font-size: 16px;margin: 0;}
#upsell .image {			width: 370px;float:right;padding: 0 0 0 0;margin: 0 0 10px 0; text-align:left;}
#upsell .description {		width: 500px;float:left;font-size:12px;color:#666;}
#upsell .description ul{	margin: 0; padding:0; width: 500px;list-style-type:none;}
#upsell .description li{	padding: 7px 0;margin: 0 0 0 30px; list-style-type:none;}
#upsell .price {			float:left; width: 520px;margin: 10px 0 0px 0;padding: 10px 0 10px 0;}
#upsell .price h3 {			color:#FF8313;font-size: 22px;margin:5px 0 5px 0;padding:0;}
#upsell h4 {			    font-size: 16px;margin:10px 0 3px 0;padding:0;}
#upsell .delivery {			font-size: 14px; font-weight:bold; background:#F2F2F2; padding: 5px 20px; width: 300px; margin: 8px 0;}

#upsell .leadform {			margin: 0 0 0 40px!important;margin: 0 0 0 20px;}
#upsell .leadform label {	width: 90px; float:left; font-weight:normal;}

/******* Upsell form ********/
.price label {				font-size:12px;float:left;margin: 0 0 0 5px;}
.price input	{			float:left;margin: 0 0 0 20px;}

/******* Toggler *********/
.parts{						width: 160px;font-size:12px;color:#666; background:#CCC;}
.toggler-container{			margin: 0 40px 0 40px;}
.system-container p{		margin: 0 0 0 20px;font-size:12px;}
.toggler {					cursor:pointer;text-decoration: none;font-size: 14px;font-weight:bold;color: #FF8313;display: block;margin: 40px 0 40px 0; background:#CCC;}
.toggler-closed {			font-size: 14px;font-weight:bold;color: #FF8313;background: url(../images/expand.gif) center right no-repeat; padding: 40px 0 40px 70px; margin: 0;}
.toggler-closed:hover {		text-decoration:underline}
.toggler-opened {			font-size: 14px;font-weight:bold;color: #FF8313;background: url(../images/close.gif) center right no-repeat; padding: 40px 0 40px 70px; margin: 0;}
.toggler-opened:hover {		font-size: 14px;font-weight:bold;color: #FF8313;;background: url(../images/close.gif) center right no-repeat; padding: 40px 0 40px 70px; margin: 0;}
.toggler-c{					font-size: 12px;color:#666;margin-top: 20px; background:#CCC;}


/*******   inc_summary.php styles ********/
.productbar{				background:#E9E9E9;font-weight:bold;}
#order{						font-size:inherit;}
#summary{					width: 35%;float:right;font-size: 12px;}
#schedule_upsell{			font-size: 12px;color:#666;width: 60%;float:left;}
#shipping_billing{			font-size: 12px;color:#666; width: 60%;float: left;}
td{							padding: 6px 6px;}
table{						margin: 15px 15px 4px 15px;font-size: 12px;}

/*******   update.php styles ********/

.u_productbar{				background:#E9E9E9;font-weight:bold;padding: 6px 6px;margin: 4px 0 6px 0}
#u_summary{					width: 35%;float:right;font-size: 12px;}
#u_credit{					font-size: 12px;color:#666; width: 47%;float: right;}
#u_shipping_billing{		font-size: 12px;color:#666; width: 47%;float: left;}
#u_shipping_billing td, #u_credit td {padding: 2px 2px;}
#u_shipping_billing label, #u_credit label {padding: 0 0 0 20px;}
#u_order td{				padding: 6px 6px;}

/******* Footer Items *******/
#footer {					font-size: 10px;color:#999;padding: 1px 0 15px 0; text-align:center;}
#footer .links {			color:#339; font-size: 12px; padding:0; margin-top:5px;}
#footer a {					color:#339;font-size: 12px; padding: 0 2px;}
#footer ul {				margin:30px auto 20px auto; padding:0; width: 400px;}
#footer li {				float:left;list-style-type:none; padding: 0 30px 30px 0; display:inline;}
#footer li a {				display:block;}
#footer li a:hover {		text-decoration:none;}
#footer li span {			padding: 4px 0 0 15px; width:75px; display:block; cursor: pointer;}
#footer li.rss {			float:left;list-style-type:none; padding: 0 30px 30px 15px; display:inline;}
#footer li.rss span {		padding: 4px 0 0 0px; width:40px; display:block; cursor: pointer; float:left;}