@charset "utf-8";

.no-padding {
	padding:0;
	margin:0;
}

.headTopLinks, .headTopLinks a {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8bae3e;
	text-decoration: none;
	white-space:nowrap;
}

.headTopLinks a:hover {
	color: #3d3f33;
	text-decoration: none;
	white-space:nowrap;
}

.headBoxesTopLinksCopy, .headBoxesTopLinksCopy a {
	font-family: "trebuchet MS", sans-serif;
	font-size: 10px;
	color: #8bae3e;
	text-decoration: none;
	line-height: 13px;
}

.headBoxesTopLinksCopy a:hover {
	text-decoration: underline;
}


.change-location, .change-location a {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	color: #8bae3e;
	text-decoration: none;
	font-weight:bold;
	line-height: 13px;
	padding-left:15px;
}

.change-location a:hover {
	text-decoration: underline;
}

.headCartBoxNumbers {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	line-height: 13px;
}
.headCartBoxItems {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #606060;
	line-height: 13px;
}
.formSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 15px;
	width: 150px;
	background:none;
	border:none;
}
.currencyYou {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	color: #3d3f33;
	line-height: 13px;
}
.changeCurrency, .changeCurrency a {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8bae3e;
	text-decoration: none;
	line-height: 14px;
}
.changeCurrency a:hover {
	font-family: "trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3d3f33;
	text-decoration: none;
	line-height: 14px;
}

#qty {
	width:39px;
	height:18px;
	padding:0px;
	margin:0px;
}

.breadcrumbs {
	color:#3d3f33;
	font:"trebuchet MS", sans-serif;
	font-size:10px;
}

.breadcrumbs a {
	color:#8bae3e;
	font-size:10px;
	font-family: "trebuchet MS", sans-serif;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color:#8bae3e;
	font-size:10px;
	font-family: "trebuchet MS", sans-serif;
	text-decoration: underline;
}

.prodName, .prodName a {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8bae3e;
	text-decoration: none;
}

.prodName a:hover {
	text-decoration: underline;
}

.prodPrice {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #615e51;
	text-decoration: none;
}
.prodOld {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #615e51;
}
.prodPriceNew {
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a21619;
	text-decoration: none;
}
.footerAnchors, .footerAnchors a {
	text-decoration:none;
	color:#8c8c8c;
	font-family:"trebuchet MS", sans-serif;
	font-size:10px;
	line-height: 15px;
	font-weight: bold;
}

.footerAnchors a:hover {
	text-decoration:none;
	color:#8bae3e;
	font-family:"trebuchet MS", sans-serif;
	font-size:10px;
	line-height: 15px;
	font-weight: bold;
}

.footerTitles {
	color:#777e49;
	font-family:"trebuchet MS", sans-serif;
	font-size:12px;
	font-weight: bold;
}
.footerText {
	color:#8c8c8c;
	font-family:"trebuchet MS", sans-serif;
	font-size:10px;
	font-weight: bold;
	line-height: 12px;
}
.footerTextColorBlue {
	color:#3e9dae;
	font-family:"trebuchet MS", sans-serif;
	font-size:11px;
	font-weight: bold;
	line-height: 12px;
}
.footerTextColorGreen {
	color:#8bae3e;
	font-family:"trebuchet MS", sans-serif;
	font-size:16px;
	font-weight: bold;
	line-height: 20px;
}

.footer-links {
	font-family:"trebuchet MS", sans-serif, Verdana;
	font-size:12px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

.footer-links a {
	font-family:"trebuchet MS", sans-serif, Verdana;
	font-size:12px;
	font-weight: normal;
	color:#cccc99;
	text-decoration:none;
}

.footer-links a:hover {
	text-decoration:underline;
}

.categoryTitle {
	color:#222222;
	font-family:"trebuchet MS", sans-serif;
	font-size:19px;
}
.categoryText {
	color:#222222;
	font-family:"trebuchet MS", sans-serif;
	font-size:12px;
	line-height: 14px;
}
.productName {
	color:#3d3f33;
	font-family:"trebuchet MS", sans-serif;
	font-size:20px;
	font-weight:bold;
}
.productPrice {
	color:#3d3f33;
	font-family:"trebuchet MS", sans-serif;
	font-size:14px;
	font-weight:bold;
}
.form {
	background:#f2e1c1;
	border: 1px solid #CCCCCC;
}
.itemText {
	color:#222222;
	font-family:"trebuchet MS", sans-serif;
	font-size:11px;
	line-height: 12px;
}

.leftBannerBigGrey {
	color:#3d3f33;
	font-family:"trebuchet MS", sans-serif;
	font-size:20px;
	line-height: 29px;
}
.leftBannerBigGreen {
	color:#8bae3e;
	font-family:"trebuchet MS", sans-serif;
	font-size:20px;
}
/*******************************************************************************
--->|  /*\\  TABS
 *******************************************************************************/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 544px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	width:116px;
	font-family:"trebuchet MS", sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: url(/site/sn-images-site/sns_tabClose.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-image: url(/site/sn-images-site/sns_tabOpen.gif);
	background-repeat:no-repeat;
	white-space:nowrap;
	color:#000000;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	height:100%;
	min-height:150px;
}
.TabbedPanelsContent {
	font-family:"trebuchet MS", sans-serif;
	font-size:11px;
	color:#606060;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 136px;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*******************************************************************************
--->|  /*\\  MENU
 *******************************************************************************/
/* Contenedor Exterior */
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 722px;  /*Largo del Menu*/
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
	float: left;
}
/* Items de menu Superiores.*/
ul.MenuBarHorizontal a.vega {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 30px;
	background-image: url(/site/sn-images-site/sns_vegaTab.gif);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.vega:hover {
	background-image: url(/site/sn-images-site/sns_vegaTabHover.gif);
}
ul.MenuBarHorizontal a.macasure {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 30px;
	background-image: url(/site/sn-images-site/sns_macasureTab.gif);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.macasure:hover {
	background-image: url(/site/sn-images-site/sns_macasureTabHover.gif);
}
ul.MenuBarHorizontal a.ChlorEssence {
	margin: 0;
	padding: 0;
	width: 122px;
	height: 30px;
	background-image: url(/site/sn-images-site/sns_chlorEssenceTab.gif);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.ChlorEssence:hover {
	background-image: url(/site/sn-images-site/sns_chlorEssenceTabHover.gif);
}
ul.MenuBarHorizontal a.mums {
	margin: 0;
	padding: 0;
	width: 140px;
	height: 30px;
	background-image: url(/site/sn-images-site/tab-mum-off.jpg);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.mums:hover {
	background-image: url(/site/sn-images-site/mum-on.jpg);
}
ul.MenuBarHorizontal a.salba {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 30px;
	background-image: url(/site/sn-images-site/tab-salba-on.jpg);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.salba:hover {
	background-image: url(/site/sn-images-site/tab-salba-off.jpg);
}
ul.MenuBarHorizontal a.gifts {
	margin: 0;
	padding: 0;
	width: 100px;
	height: 30px;
	background-image: url(/site/sn-images-site/sns_giftsTab.gif);
	text-indent: -999999px;
}
ul.MenuBarHorizontal a.gifts:hover {
	background-image: url(/site/sn-images-site/sns_giftsTabHover.gif);
}
/*******************************************************************************

--->|  /*\\  MENU VERTICAL

 *******************************************************************************/

/* Contenedor Exterior */
ul.MenuBarVertical {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "trebuchet MS", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8bae3e;
	text-decoration: none;
	cursor: default;
	width: 147px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 147px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a {
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	background-image: url(/site/sn-images-site/sns_leftNav_btn.gif);
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 10px;
}
ul.MenuBarVertical a:hover {
	display: block;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	background-image: url(/site/sn-images-site/sns_leftNav_btnHover.gif);
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {
	color: #ffffff;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {
	color: #3d3f33;
}
/*******************************************************************************
 VIEW INFORMATION:
 *******************************************************************************/

/* Items del menu cuando estan desplegados sin foco */
ul.MenuBarHorizontal a {
	display: block;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate 
IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive {
	z-index: 1000;
}
/*******************************************************************************
 NEMU ORIZONTAL
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
}
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {
	display: inline;
	f\loat: left;
	background: #FFF;
	border: 1px #E6E6E6;
}
}
/*******************************************************************************
 MENU VERTICAL
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe {
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE {
	display: inline;
	f\loat: left;
	background: #FFF;
}
}