/******** color classes	*/
.blue {
	color: #3333ff;
}
.red {
	color: #ff3333;
}
.green {
	color: #009900;
}
.grey {
	color: #555;
}
.white {
	color: #fff;
}
.satisfeye {
	color: 6600cc;
}


HTML {

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
HTML {
	font-size: 90%;
}

BODY {
	padding: 0px 0px 0px 0px;
	margin: 0px;



}
BODY, TABLE, TD, DIV, P {
	font-size: 1.0em;
	font-family: 'Open Sans',sans-serif;
}
BODY, TABLE, TD {
	color: #333333;
}
DIV {
	margin: 0px;
	padding: 0px;
}
H1 {
	color: #60c;
	font-size: 1.5em;
	font-weight: bold;
}
H2 {
	color: #fff;
	font-size: 1.6em;
	font-weight: 600;
	margin: 5px;
}
H3 {
	color: #fff;
	font-size: 1.3em;
	font-weight: 500;
	margin: 5px;
}
H3.a {
	color: #60c;
}
H4 {
	color: #6600cc;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px;
}
H4.a {
	color: #60c;
}
INPUT {
	  cursor:pointer;
}
A, A:link, A:visited {

	color:	#6600cc;
	text-decoration: none;
}
A:active, A:hover {
	text-decoration: underline;
	color: #6600ff;
}
HR {
	height: 0px;
	border: 0px;
	border-bottom: 1px dotted #009900;
}
HR.white {
	border-bottom: 1px dotted #ffffff;
}
HR.aqua {
	border-bottom: 1px dotted #39f;
}
HR.satisfeye {
	border-bottom: 1px dotted #6600cc;
}

INPUT, TEXTAREA, SELECT {
	/*
	*/
	font-family: "Open Sans", verdana, helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	padding: 5px;
	margin: 5px;
}
INPUT.long {
	width: 400px;
}
INPUT[type=button],INPUT[type=submit] {
	background-color: #009900;
	color: #ffffff;
	padding: 4px;
	padding-left:15px;
	padding-right:15px;
	font-size: 1.1em;
	font-weight: 500;
	border-color: #ffffff;
}
TEXTAREA.long {
	width: 400px;
	height: 300px;
}
TEXTAREA.full {
	width: 800px;
	height: 300px;
}
TABLE {
	border-collapse: collapse;
	margin: 5px;
}
TH,TD {
	font-size: 1.0em;
	border-bottom: 1px solid #eee;
	padding: 2px;
}
TR {

	height: 40px;
}
/*
HR {
	height: 1px;
	display: block; 
    border: 0; 
    margin: 5px; 
	padding: 0;
}
HR.white {
	border-top: 1px solid #ccc;
}
*/

/******** DIVS	*/
DIV.center {
	margin-left: auto;
	margin-right: auto;
}
DIV.content {
	padding: 5px;
}

DIV.body_container {
	width: 100%;
}
DIV#header {
	width: 100%;
	position: fixed;
    top: 0px;
	z-index: 1000;
	height: 50px;
	background-color: #6600cc;
}
DIV#header_inner{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
}
DIV.logo {
	margin: 0;
	padding: 0;
	float: left;
}
DIV.top_links {
	margin: 0;
	padding: 15px;
	float: right;
	color:#ffffff;
}
DIV.header_login_container {
	width: 100%;
	display: none;
}
DIV.header_login {
	width: 300px;
	margin-top: 1px;
	margin-right: 10px;
	padding: 15px;
	float: right;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	color: #333;
}
DIV.header_member_container {
	width: 100%;
	display: none;
}
DIV.header_member_inner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
DIV.header_member {
	width: 150px;
	margin-top: 1px;
	margin-right: 10px;
	padding: 15px;
	float: right;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
}
DIV#top_subheader_container {
	position:fixed;
    top: 50px;
	width: 100%;
	min-height: 50px;
	background: #ffffff;
	border-bottom: 2px solid #009900;
	z-index: 999;
}
DIV.sub_nav {
	width: 960px;
	color: #090;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}
DIV.top_margin {
	height: 102px;
	width: 100%;
	background: #ffffff;

}


DIV.main_container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	border: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
DIV.main_inner {
	min-height: 300px;
}
DIV.main_content {
	padding: 5px;
/*
	font-size: 1.1em;
*/
}
DIV.center_box {
	border: 1px solid #555555;
}

/******** 3 colomns	*/
DIV.left_container {
	width: 320px;
	float: left;
}
DIV.mid_container {
	width: 320px;
	float: left;
}
DIV.left_mid_container {
	width: 640px;
	float: left;
}
DIV.right_container {
	width: 320px;
	float: left;
}
DIV.column_inner {
	padding: 5px;
}
DIV.column_2_inner {
	padding: 5px;
}

DIV.column_box {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 10px;
}
DIV.column_box_home {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #fff;
	opacity: 0.9;
	
}
DIV.prescription_container {
	width: 600px;
	border: 1px solid #555;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	float: left;
}
DIV.pres_left {
	width: 300px;
	float: left;
}
DIV.pres_right {
	width: 280px;
	float: left;
}
DIV.home_slide_1 {
	width: 960px;

 	/*
	height: 300px;	background: url("../images/lens_bg.jpg") no-repeat top left ; 
	*/
}

/******** brand band	*/
DIV.brand_band_container {
	margin-bottom: 10px;
	/*
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	*/
}
DIV.brand_band_title {
	font-size: 1.5em;
	padding: 15px;
	background-color: #007700;
	color: #fff;
}
DIV.brand_band_more {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	border: 1px solid #fff;
}
DIV.brand_band_cell_container {
	width: 160px;
	float: left;
}
DIV.brand_band_cell {
	border: 0px solid #ccc;
	border-bottom: none;
}
DIV.brand_band_content {
	width: 158px;
	border-top: 1px solid #ccc;

}

/********************* Product squares */
DIV.product_square_row {
	width: 960px;
	padding: 0px;
}
DIV.product_square {
	width: 220px;
	margin: 3px;
	padding: 5px;
	float: left;
	border: 1px solid #efefef;
}



/********************* End Brand squares */

DIV.brand_products {
	padding: 5px;
	display: none;
}

DIV.membership_inner {
	margin: 5px;
	padding: 0px;
	border: 1px solid #efefef;
	min-height: 242px;
}
DIV.membership_inner_top {
	min-height: 45px;
	padding: 4px;
	background-color: #6600cc;
	color: #fff;
	font-size: 1.2em;
	font-weight: 400;
	opacity: 0.9;
}
DIV.membership_inner_bottom {
	min-height: 45px;
	padding: 10px;
	background-color: #ffffff;
	color: #009900;
	font-size: 1.2em;
	font-weight: 400;
}

DIV.login_box {
	width: 250px;
	border: 1px dotted #efefef;
	margin-left: auto;
	margin-right: auto;
}

DIV.cart_row {

}

DIV.cart_column {
	min-width: 200px;
	max-width: 360px;
	min-height: 200px;
	padding: 5px;
	float: left;
	display: table-cell; 
	vertical-align: middle;
	border-left: 1px dotted #efefef;
}
DIV.cart_contacts {
	width: 460px;
	float: left;
	margin: 5px;
}
DIV.cart_contacts_left {
	width: 200px;
	float: left;
}
DIV.cart_contacts_right {
	width: 240px;
	float: left;
}
DIV.cart_contacts_pres {
	width: 450px;
}
DIV#cart_acc {
	width: 600px;
}
DIV.cart_acc_row {
}
DIV.cart_acc_row2 {
	width: 400px; 
	float: left; 
	border: 3px solid #ccc;
}

DIV.cart_acc_column {
	width: 180px;

	padding: 5px;
	float: left;
	display: table-cell; 
	vertical-align: middle;
	border-right: 1px dotted #efefef;
	font-size: 0.8em;
}
DIV.cart_acc_name {
	width: 170px;
	height: 30px;
}
DIV.cart_column_checkout_container {
 width: 550px; 
 float: right;
}
DIV.cart_column_checkout {
	width: 360px;
	min-height: 100px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;

	vertical-align: middle;
	border: 1px solid #ff0000;
	border-radius: 5px;

}
DIV.cart_column_checkout_inner {
	width: 300px;
	min-height: 100px;
	padding: 5px;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

DIV.agreement_container {
	margin-left: 20px;
	margin-right: 20px;
}
DIV#agreement {
	width:860px;
	height:200px;
}
DIV.home_price_comparison_container {
	background: url("../images/price_comparison.jpg") no-repeat top left ;
 	/*
	background-color: #070;
	*/
	width: 960px;
	min-height: 200px; 
	color: #fff;
	padding-top: 20px;
	padding-bottom: 70px;
}
DIV.home_price_comparison {
	width: 870px;
	padding: 10px;
	color: #000;
	background-color: #fff;
	opacity: 0.9;
	border-radius: 5px;
	font-size: 1.1em;
}
DIV.home_promo_left {
	font-size: 1.2em;
	color: #009900;

	width: 150px;
	float: left;
}
DIV.home_promo {
	font-size: 1.2em;
	color: #6600cc;

	width: 380px;
	float: left;
}
DIV.home_promo_container {
	width: 940px;
	min-height: 30px; 
	color: #000;
	background-color: #f9f9f9;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1.1em;
}
DIV.home_satisfy_container {
	width: 960px;
	min-height: 200px; 
	color: #fff;
	background-color: #6600cc;
	padding-top: 20px;
	padding-bottom: 20px;
}
DIV.home_advice_container {
	width: 960px;
	min-height: 200px; 
	color: #fff;
	background-color: #555;
	padding-top: 20px;
	padding-bottom: 20px;
}

DIV#footer {
	width: 100%;
	background-color: #6600cc;
	margin-left: auto;
	margin-right: auto;
}
DIV#footer_inner {
	width: 960px;
	color: #ffffff;
	min-height: 50px;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
DIV.footer_column {
	width: 250px;
	padding: 5px;
	color: #ffffff;
	font-size: 0.9em;
	float: left;
}
DIV.love_philly {
	margin-left: auto;
	margin-right: auto;
	color: #555555;
	font-size: 1.1em;
	vertical-align: middle;
	padding: 5px;

}
DIV.clear {
	clear: both;
}



TABLE#table_home_comparison {
	width: 850px;
}


/******** classes by class name A-Z*/
TABLE.border, TD.border {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 5px;
}
.border_grey {
	padding: 10px;
	border: 1px solid #555;
	border-radius: 5px;
}
.border_left {
	border-left: 1px dotted #ccc;
}
INPUT.border_red {
	border: 1px solid #f00;
}
.compare_satisfeye {
	color: #090;
	font-weight:600;
}
.footer_text {
	color: #ffffff;
}
.footnote {
	font-size: 0.9em;
}
TR.home_product_row {
	height: 60px;
}
.home_start_button {
	width: 200px;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #6600cc;
	background-color: #ffffff;
}
.home_promo_button {
	width: 360px;
	padding: 7px;
	border-radius: 5px;
	border: 2px solid #8800ee;
	background-color: #6600cc;
	color: #ffffff;
	margin-bottom: 5px
}
.home_promo_button_text {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: 500;
}
.home_title {
	font-size: 1.6em;
	font-weight: 600;
	color: #090;
}
.home_subtitle {
	font-size: 1.2em;
	font-weight: 400;
}
.light_border {
	border: 1px solid #efefef;
	margin: 5px;
}
INPUT.login {
	width: 150px;
	
}
DIV.payment_box {
	width: 300px;
	padding: 10px;
	border: 1px solid #555;
	border-radius: 5px;
}
TD.price {
	padding-left: 20px;
}
SPAN.price_main {
	font-size: 1.4em;
}
.text_large{
	font-size: 1.2em;
}
.text_promo {
	font-size: 1.2em;
	font-weight: 700;
}
.text_promo2 {
	font-size: 2.0em;
	font-weight: 700;
}
.text_small {
	font-size: 0.9em;
}
.text_tiny {
	font-size: 0.8em;
}
.text_tinier {
	font-size: 0.7em;
}
.text_top_links {
	color: #ffffff;
	font-size: 1.1em;
}
.text_sub_links {
	color: #009900;
	font-size: 1.1em;
}
TR.total {
	border-top: 2px solid #555;
}
	


@media only screen 
	and (max-device-width: 950px){
html{font-size: 90%}
DIV#header {
	width: 100%;
}
DIV#header_inner{
	width: 470px;
}
DIV.header_member_inner {
	width: 470px;
}
DIV#top_subheader_container {
	position:fixed;
    top: 50px;
	width: 100%;
	min-height: 35px;
}
DIV.sub_nav {
	width: 470px;
	padding: 5px;
}
DIV.top_margin {
	height: 87px;
}
DIV.main_container {
	width: 480px;
	margin-left:auto;
	margin-right:auto;
	border: none;
}
DIV.left_mid_container {
	width: 480px;
}
DIV.column_2_inner {
	padding-bottom: 5px;
}

DIV.home_slide_1 {
	width: 480px;
	margin-bottom:0px;
	padding-bottom: 0px;
}
DIV.home_promo_container {
	width: 470px;
	margin-top: 0px;
	padding: 5px;
	padding-bottom: 5px;
	line-height: 140%;
}
DIV.home_promo_left {
	width: 1px;
	padding-top: 7px;
}
DIV.home_promo {
	font-size: 1.1em;
	width: 460px;
	line-height: 140%;
}
DIV.product_square_row {
	width: 480px;
}
DIV.home_price_comparison_container {
	width: 480px;
}
DIV.home_price_comparison {
	width: 475px;
	padding: 2px;
}
DIV.home_satisfy_container {
	width: 480px;
}
DIV.home_advice_container {
	width: 480px;
}
DIV.prescription_container {
	width: 460px;
	margin: 10px;
}
DIV#footer {
	width: 480px;
}
DIV#footer_inner {
	width: 480px;
}
DIV.left_container {
	width: 480px;
}
DIV.mid_container {
	width: 480px;
}
DIV.right_container {
	width: 480px;
}
DIV.pres_left {
	width: 460px;
}
DIV.pres_right {
	width: 460px;
}
DIV.column_box {
	margin: 4px;
}
DIV.agreement_container {
	width:470px;
	margin-left: 2px;
	margin-right: 2px;
}
DIV#agreement {
	width:430px;
	height:200px;
}
DIV#cart_acc {
	width: 460px;
}
DIV.cart_acc_row {
	width: 480px;
	margin-left: auto;
	margin-right: auto; 
}
DIV.cart_acc_row2 {
	width: 480px;
	margin-left: auto;
	margin-right: auto; 
	margin-bottom: 10px;
}
DIV.acc_container {
	width: 480px;
}
DIV.cart_acc_column {
	width: 225px;
}
DIV.cart_column_checkout {
	width: 450px;
	padding: 10px;
	margin: 5px;
}
DIV.cart_column_checkout_container {
 width: 480px; 
}


TABLE#table_home_comparison {
	width: 470px;
	font-size: 80%;
}

.home_promo_button {
	width: 280px;
	padding: 5px;
	border-radius: 5px;
}
.home_promo_button_text {
	font-size: 1.0em;
}

.text_top_links {
	font-size: 11px;
}
.text_sub_links {
	font-size: 7px;
}


IMG#img_smarterway {
	width: 470px;
}
IMG#img_cancel {
	width: 100px;
}
IMG#img_infographic {
	width: 470px;
}

}