@charset "UTF-8";

div#features_menu {

	background-image: url(../images/features_bg.png);
	width: 120px;
	height: 350px;
	color: #000;
	padding-left: 18px;
	float: left;
}

div#features_menu h2 {

	font-size: 140%;
	padding-bottom: 5px;
}
div#features_menu ul {
	list-style: none;
}
div#features_menu li {
	text-align: center;
	padding-top: 6px;
	font-family: "Trebuchet MS", Helvetica, Arial;
	margin-top: 5px;
	font-size: 100%;
	letter-spacing: 0px;
	width: 120px;
	height: 26px;
}
div#features_menu .f_item {
	background-image: url(../images/f_buttonLight.png);
	background-repeat: no-repeat;
}
div#features_menu .f_selected {
	background-image: url(../images/f_buttonDark.png);
	background-repeat: no-repeat;
	color: #000;
}
div#features_menu .f_selected a {
	color: #000;
	cursor: default;
}
/* used for revo2 page with longer titles */
div#features_menu .f_item_long {
	background-image: url(../images/f_buttonLight_long.png);
	background-repeat: no-repeat;
}
div#features_menu .f_selected_long {
	background-image: url(../images/f_buttonDark_long.png);
	background-repeat: no-repeat;
	color: #000;
}
div#features_menu .f_selected_long a {
	color: #000;
	cursor: default;
}
/* end */

div#features_menu li > a {
	width: 120px;
	height: 26px;
	color: #666;
	text-decoration: none;
}

div#features_menu li > a:hover {
	color: #000;
}

div#features_text {
	float: right;
	width: 610px;
}

div#features_text > div {
	width: 610px;
	text-align: left;
}
div#features_text h2 > p {
	height: 0px;
	overflow: hidden;
}

/********************** dual layer stuff ************************/
div#features_text h2#duallayerdesign {
	background-image: url(../images/claro_duallayerdesign.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 217px;
	margin-bottom: 12px;
}

div#features_text h2#duallayerdesign_touch {
	background-image: url(../images/touch_design.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 78px;
	margin-bottom: 12px;
}

div#features_text h2#compcov_revo {
	background-image: url(../images/compr_cover.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 298px;
	margin-bottom: 12px;
}


div#features_text h2#antimicrobial_revo {
	background-image: url(../images/antimicrobial_revo.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 298px;
	margin-bottom: 12px;
}


div#features_text h2#foryou_revo {
	background-image: url(../images/foryou_evo.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 298px;
	margin-bottom: 12px;
}

div#features_text h2#visor_revo {
	background-image: url(../images/visor_revo.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 298px;
	margin-bottom: 12px;
}


div#features_text h2#sure_revo {
	background-image: url(../images/sure_revo.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 298px;
	margin-bottom: 12px;
}

div#features_text h2#coloroptions_touch {
	background-image: url(../images/touch_coloroptions.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 160px;
	margin-bottom: 12px;
}

div#features_text h2#portcov_touch {
	background-image: url(../images/touch_protcovers.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 129px;
	margin-bottom: 12px;
}


div#features_text h2#protective_touch {
	background-image: url(../images/touch_protective.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 253px;
	margin-bottom: 12px;
}

div#features_text h2#rotaryclip_touch {
	background-image: url(../images/touch_rotaryclip.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 122px;
	margin-bottom: 12px;
}

div#features_text h2#outerpoly {
	background-image: url(../images/claro_outerpoly.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 382px;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: 40px;
}

div#features_text h2#premiumsilicone {
	background-image: url(../images/claro_premiumsilicone.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 382px;
	margin-bottom: 6px;
	margin-top: 15px;
	margin-left: 40px;
}

div#features_text h2#belovedipod {
	background-image: url(../images/claro_belovedipod.png);
	background-repeat: no-repeat;
	height: 9px;
	width: 382px;
	margin-bottom: 6px;
	margin-top: 15px;
	margin-left: 40px;
}
div#features_text .threeeightytwo {
	width: 382px;
	margin-top: 0px;
	margin-left: 40px;
}
div#features_text #feature1 .right {
	float: right;
	margin-top: -30px;
	margin-right: 40px;
}
div#features_text .bottommargin {
	margin-bottom: 40px;
}
/********************** clip that kicks stuff ************************/

div#features_text h2#clipthatkicks {
	background-image: url(../images/claro_clipthatkicks.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 220px;
	margin-bottom: 12px;
}
div#features_text #feature2 img.left {
	float: left;
	margin: 0px;
	margin-right: 30px;
	padding: 0px;
}
div#features_text #feature2 img {
	margin-left: 120px;
	margin-top: 50px;
}
/********************** expand the look stuff ************************/
div#features_text h2#expandthelook {
	background-image: url(../images/claro_expandthelook.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 220px;
	margin-bottom: 12px;
}
div#features_text #feature3 {
	background-image: url(../images/claro_plusx1.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 350px;
	min-height: 350px;
}
div#features_text #feature3 p {
	margin-bottom: 10px;
	margin-top: 5px;
	width: 350px;
}
div#features_text #feature3 img {
	margin-bottom: 20px;
	display: inline;
	vertical-align: top;
}/********************** special edition stuff ************************/
div#features_text h2#thatsspecial {
	background-image: url(../images/claro_thatsspecial.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 316px;
	margin-bottom: 12px;
}
div#features_text #feature4 img.right {
	float: right;
	margin: 0px;
	margin-right: 0px;
	padding: 0px;
}
div#features_text #feature4 p {
	clear: left;
}
div#features_text #feature4 h2 {
	margin-bottom: 10px;
}
div#features_text #feature4 li {
	margin-left: 25px;
	margin-top: 5px;
}
div#features_text #feature4 {
	background-image: url(../images/claro_specialedition.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 350px;
	min-height: 350px;
}

/********************** EVO4************************/
div#features_text #e_feature1 h2#rotaryclip {
	background-image: url(../images/evo4_rotaryclip.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 214px;
	margin-bottom: 12px;
}
h2 > sup {
	font-style: italic;
}


div#features_text #e_feature2 h2#coloroptions {
	background-image: url(../images/evo4_coloroptions.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 160px;
	margin-bottom: 12px;
}



div#features_text h2#evo4_duallayer {
	background-image: url(../images/claro_duallayerdesign.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 217px;
	margin-bottom: 12px;
}

div#features_text #e_feature3 {
	background-image: url(../images/evo4_duallayer.png);
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 352px;
	max-height: 2000px;
}


div#features_text #e_feature3 .narrow{
	margin-top: 5px;
	margin-bottom: 20px;
	width: 350px;
}




div#features_text h2#nano_cliplanyard {
	background-image: url(../images/nano_cliplanyard.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 193px;
	margin-bottom: 12px;
}

div#features_text #n_feature1 img {
	margin-top: 50px;
	margin-left: 30px;
}

div#features_text #n_feature2 h2#coloroptions {
	background-image: url(../images/evo4_coloroptions.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 160px;
	margin-bottom: 12px;
}


div#features_text #n_feature4 h2#portscovers {
	background-image: url(../images/nano_portcovers.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 131px;
	margin-bottom: 12px;
}
h2 p {
    _display: none;
}