/*
** product.css 
** CSS - handles the products page css
** Author: Steve TANGUE
** Date: 22.08.08
** Last edited: 
*/


div#center_content_products
{
	width: 600px;	
	height: auto;
	float: left;
	padding:20px 20px 20px 0px;
}

div#center_content_products p, div#center_content_products h2 
{
	padding-left: 10px;
}

div.right_quicklink_menu
{
	width: 320px;
	height: auto;
	padding-bottom: 15px;
	float: right;
	background-image:url(../img/product_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	line-height: 2em;
	margin-top: 30px;
}
div.right_quicklink_menu ul
{
	float: left;

}

div.right_product_menu
{
	width: 320px;
	height: 110px;
	padding-left: 00px;
	float: right;
	background-image:url(../img/product_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	border: 0px solid red;
}

div.right_product_menu li
{
	width: auto;
	float: left;
	margin-left: 10px;
}



div.right_product_menu li span a#standard, div.right_product_menu li span  a#premium, div.right_product_menu li span  a#platinum
{
	width: 67px;
	height: 35px;
	float: left;
	background-image:url(../img/btn_standard.jpg);
	background-repeat:no-repeat;
	color: #F7B42A;	
	font-size: 0.9em;
	text-decoration: none;
	padding: 22px 0 0 0;
	text-align: center;
}

div.right_product_menu li span  a#premium
{
	background-image:url(../img/btn_premium.jpg);
	color: #5FB770;	
}

div.right_product_menu li span  a#platinum
{
	background-image:url(../img/btn_platinum.jpg);
	color: #49BEE4;	
}

a#standard :hover
{
	background-image:url(../img/btn_platinum.jpg);
	background-repeat:no-repeat;
	color: #ffffff;
	font-size: 0.9em;
	text-decoration: none;
	padding: 20px 0 0 0;
	text-align: center;
}


.standard_selected
{
	background-image:url(../img/btn_standard_over.jpg);
	border: 2px outset #F7B42A;
	color: #ffffff;
}
.premium_selected
{
	background-image:url(../img/btn_premium_over.jpg);
	border: 2px outset  #5FB770;
	color: #ffffff;
}
.platinum_selected
{
	background-image:url(../img/btn_platinum_over.jpg);
	border: 2px outset #49BEE4;
	color: #ffffff;
}

.right_product_menu_text
{
	font-size: 0.8em;
	color: #999999;
	width: 240px;
	float: left;
	text-align: center;
	margin-top: 20px;
}

div.video_container
{
	float: right;
	width: 310px;
}

div.video_player
{
	border: 0px solid black;
	background-color:none;
	float: right;
	width: 320px;
	height: 285px;
	margin-bottom: 20px;
}


/* standard */
.standard_title, .premium_title, .platinum_title
{
	width: 630px;
	height: 21px;
	background-image: url(../img/standard_title_bg.jpg);
	background-color: #F7B42A;
	padding: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.premium_title
{
	background-image: url(../img/premium_title_bg.jpg);
	background-color: #5FB770;
}

.platinum_title
{
	background-image: url(../img/platinum_title_bg.jpg);
	background-color: #49BEE4;
}


ul.list_products
{
	margin-left: 0px;
}


ul.list_standard, ul.list_premium, ul.list_platinum
{
	margin-left: 0px;
}

ul.list_products li, ul.list_standard li, ul.list_premium li, ul.list_platinum li
{
	border-bottom: 1px solid #eee;
	padding: 10px;
	width: 600px;
	float: left;
}

ul.list_standard li
{
	border-bottom: 1px solid #F7B42A;
}


ul.list_premium li
{
	border-bottom: 1px solid #5FB770;
}

ul.list_platinum li
{
	border-bottom: 1px solid #49BEE4;
}

ul.list_products li img, ul.list_standard li img, ul.list_premium li img, ul.list_platinum li img
{
	float:left;
}

ul.list_products li span, ul.list_standard li span, ul.list_premium li span, ul.list_platinum li span
{
	margin-left: 10px;
	margin-top: 5px;
	float: left;
	width: 570px;
}


.buy_button
{
	background-image: url(../img/red_button.jpg);
	background-repeat:no-repeat;
	width: 97px;
	height: 23px;
	float: left;
	text-align: center;
	color: white;
	padding: 10px 0 0 0;
	margin-right: 4px;
}

.button_wrapper
{
	float: right;
	margin-bottom: 5px;
}

.benefits_container, .features_container
{
	float: left;
	margin-bottom: 25px;
}



.benefits_button, .benefitstandard_button, .benefitpremium_button, .benefitplatinum_button
{
	background-image: url(../img/benefits_button.jpg);
	background-repeat:no-repeat;
	padding: 20px;
	width: 204px;
	height: 24px;
	float: left;
	text-align: center;
	color: white;
	padding: 10px 0 0 0;
}


.benefitstandard_button
{
	background-image: url(../img/standard_button.jpg);
}
.benefitpremium_button
{
	background-image: url(../img/premium_button.jpg);
}
.benefitplatinum_button
{
	background-image: url(../img/platinum_button.jpg);
}

.feedback_button
{
	background-image: url(../img/feeback_button.jpg);
	background-repeat:no-repeat;
	padding: 20px;
	width: 204px;
	height: 25px;
	float: left;
	text-align: center;
	color: white;
	padding: 10px 0 0 0;
}



/* end of file */