div.specialoffer {
	background-color:#c53232;
	color:#fff;
	float:right;
	margin-left:15px;
	padding:10px;
}

div.specialoffer a {
	color:#fff;
}

div.specialpanel_lens {
	background-color:#7c3fa8;
	color:#fff;
	float:right;
	margin-left:15px;
	padding:10px;
}

div.specialpanel_lens a {
	color:#fff;
}

div.specialpanel_solution {
	background-color:#95c94a;
	color:#fff;
	float:right;
	margin-left:15px;
	padding:10px;
}

div.specialpanel_solution a {
	color:#fff;
}

img.cookie_shy{
    display: none;
}

img.cookie_bold{
    display: block;
}

a:link,  a:visited {text-decoration: underline; color:#7c3fa8; }
a:hover, a:active {text-decoration: underline;  color:#7c3fa8; }


.cat_description a:link, .cat_description a:visited {text-decoration: underline; }
.cat_description a:hover, .cat_description a:active {text-decoration: underline; }

#hpp_panel {
	margin: 0px;
	padding: 0px;
	height: 280px;
	width: 100%;
	float: right;
	text-align: left;
	vertical-align: top;
}
#hpp_outerWrapper {
	margin: 0px;
	padding: 0px;
	height: 280px;
	width: 780px;
	text-align: left;
	vertical-align: top;
}
#hpp_rht_panel {
	padding: 0px;
	height: 280px;
	width: 34%;
	background-color: #f2f8ea;
	margin: 0px;
	float: left;
	text-align: left;
	vertical-align: top;
}

#hpp_lft_panel {
	padding: 0px;
	height: 280px;
	width: 35%;
	background-color: #d7cfe7;
	margin: 0px;
	float: left;
	text-align: left;
	vertical-align: top;
}
#hpp_mid_panel {
	margin: 0px;
	padding: 0px;
	height: 280px;
	width: 31%;
	float: left;
	background-color: #d3effa;
	text-align: left;
	vertical-align: top;
}
#hpp_panel_headp {
	padding: 0px;
	float: left;
	height: 28px;
	width: 100%;
	background-color: #7C3FA8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_image {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 4px;
	width: 65px;
	text-align: left;
	vertical-align: top;
}

#hpp_panel_headc {
	padding: 0px;
	float: left;
	height: 28px;
	width: 100%;
	background-color: #00AEEF;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#hpp_panel h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #f3fafe;
	padding: 0px;
	line-height: normal;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_corner {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 19px;
	text-align: left;
	vertical-align: top;
}
.hpp_headTxt {
	color: #f3fafe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	margin: 0px;
	float: left;
	width: 200px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
}

#hpp_panel_headg {
	padding: 0px;
	float: left;
	height: 28px;
	width: 100%;
	background-color: #6ea633;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_bestSellers {
	padding: 0px;
	width: 48%;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
	text-align: left;
	vertical-align: top;
}
.hpp_body12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #4d4d4d;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
#hpp_lft_panel p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_from {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: right;
	width: 100%;
	text-align: left;
	vertical-align: top;
}
.hpp_best_sellersTxt {
	padding: 0px;
	float: left;
	width: 92%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	text-align: left;
	vertical-align: top;
}
.hpp_best_sellersTxt_price {
	padding: 0px;
	float: right;
	width: 42%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
	text-align: left;
	vertical-align: top;
}
.hpp_body14p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #7c3fa8;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
.hpp_copy {
	padding: 0px;
	clear: both;
	float: left;
	width: 90%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	text-align: left;
	vertical-align: top;
}
.hpp_body9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;
	color: #4d4d4d;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
.hpp_bodyTop {
	padding: 0px;
	float: left;
	width: 65%;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_image2 {
	padding: 0px;
	float: left;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 2px;
	width: 97px;
	text-align: left;
	vertical-align: top;
}
.hpp_bodyBottom {
	padding: 0px;
	float: left;
	width: 54%;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}
.hpp_body11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #4d4d4d;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
#hpp_mid_bottom {
	padding: 0px;
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	text-align: left;
	vertical-align: top;
}
.hpp_new_arrivalsTxt {
	padding: 0px;
	float: left;
	width: 51%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	text-align: left;
	vertical-align: top;
}
#hpp_rht_panel p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
.hpp_new_arrivalsTxt_price {
	padding: 0px;
	float: left;
	width: 42%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	text-align: left;
	vertical-align: top;
}
.hpp_body14g {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
.hpp_body14green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #86C23F;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
#hpp_best_sellersTxt_price {
	padding: 0px;
	float: left;
	width: 40%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	text-align: left;
	vertical-align: top;
}
.hpp_body12green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #6ea633;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
#hpp_lft_panel img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	vertical-align: top;
}

.hpp_body12g {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
.hpp_body12p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #7c3fa8;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
#hpp_panel a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #636466;
	text-decoration: none;
}
#hpp_panel a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #636466;
	text-decoration: none;
}
#hpp_panel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#hpp_panel a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}


.hpp_leaderDots {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #636466;
	font-size: 14px;
	font-style: normal;
}
div.hpp_dots
{
	float: left;
	width: 94%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: top;
	height: 20px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
span.hpp_term
{
	float: left;
	padding-right: 0.5ex;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
	vertical-align: top;
}
#hpp_panel #hpp_lft_panel .hpp_dots img {
	text-align: left;
	vertical-align: middle;
}
#hpp_panel #hpp_rht_panel .hpp_dots2 .hpp_term2 img {
	text-align: left;
	vertical-align: middle;
}

span.hpp_page
{
	float: right;
	padding-left: 0.5ex;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
}
#hpp_dots {
	float: left;
	clear: both;
	width: 90%;
	background: url("assets/dotleaders.gif") left 85% repeat-x;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}
span.hpp_pagebold {
	padding-left: 0.5ex;
	background-color: #d7cfe7;
	font-weight: bold;
	color: #7C3FA8;
	text-align: left;
	vertical-align: top;
}
div.hpp_from {
	float: left;
	clear: both;
	width: 94%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}
div.hpp_from2 {
	float: left;
	clear: both;
	width: 93%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}
span.hpp_page2 {
	float: right;
	padding-left: 0.5ex;
	text-align: left;
	vertical-align: top;
}
div.hpp_dots2 {
	float: left;
	width: 93%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;
	color: #636466;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	vertical-align: top;
}
span.hpp_term2 {
	float: left;
	padding-right: .5ex;
	text-align: left;
	vertical-align: top;
}
#hpp_mid_all {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	float: right;
	text-align: left;
	vertical-align: top;
}
#hpp_lft_panel a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7C3FA8;
	text-decoration: none;
}
#hpp_lft_panel a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7C3FA8;
	text-decoration: none;
}
#hpp_lft_panel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#hpp_lft_panel a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#hpp_mid_panel a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: #4D4D4D;
}
#hpp_mid_panel a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;;
	font-size: 14px;;
	line-height: 16px;
	color: #4D4D4D;;
}
#hpp_mid_panel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;;
	font-size: 14px;;
	line-height: 16px;
	color: #000000;
}
#hpp_mid_panel a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;;
	font-size: 14px;;
	line-height: 16px;
	color: #000000;
}
#hpp_rht_panel a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6EA633;
	text-decoration: none;
	line-height: 15px;
}
#hpp_rht_panel a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6EA633;
	text-decoration: none;
}
#hpp_rht_panel a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#hpp_rht_panel a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#hpp_rht_panel img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	vertical-align: middle;
}
.hpp_rule {
	padding: 0px;
	float: left;
	width: 93%;
	background-color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	height: 1px;
	clear: both;
	text-align: left;
	vertical-align: top;
}
div.hpp_dots_col {
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #e9e7f2;
	margin: 0px;
}
div.hpp_dots2_col {
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
	vertical-align: top;
	background-color: #d9e9c8;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	margin: 0px;
}
