/* CSS Document */

/* ----------------- MAIN NAVIGATION Green ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav2 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav2 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav2 li a:link, ul#mainnav2 li a:visited, ul#mainnav2 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_on.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav2 li a:hover, ul#mainnav2 li a.current:link {
	background: url(../images/buttons/button.gif);
}


 ul#mainnav2 a.current:visited {
	background: #8D81C1 url(../images/buttons/button_current.gif);
	color: #F1E599;
}



/* ---------------------------- MAIN NAVIGATION ----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnav li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnav li a:hover, ul#mainnav li a.current:link {
	color: #F1E599;
}
 ul#mainnav li a.current:visited {
	color: #000000;
	background: #F5A0A3;
}
/* ---------------------------- MAIN NAVIGATION orange----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavorange {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavorange li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavorange li a:link, ul#mainnavorange li a:visited, ul#mainnavorange li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavorange li a:hover, ul#mainnavorange li a.current:link {
	color: #F1E599;
}
 ul#mainnavorange li a.current:visited {
	color: #000000;
	background: #FFBB54;
}

/* ---------------------------- MAIN NAVIGATION yellow----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavyellow {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavyellow li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavyellow li a:link, ul#mainnavyellow li a:visited, ul#mainnavyellow li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavyellow li a:hover, ul#mainnavyellow li a.current:link {
	color: #F1E599;
}
 ul#mainnavyellow li a.current:visited {
	color: #000000;
	background: #F7D872;
}
/* ---------------------------- MAIN NAVIGATION green----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavgreen {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavgreen li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavgreen li a:link, ul#mainnavgreen li a:visited, ul#mainnavgreen li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavgreen li a:hover, ul#mainnavgreen li a.current:link {
	color: #F1E599;
}
 ul#mainnavgreen li a.current:visited {
	color: #000000;
	background: #B0D586;
}
/* ---------------------------- MAIN NAVIGATION blue----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavblue {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavblue li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavblue li a:link, ul#mainnavblue li a:visited, ul#mainnavblue li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavblue li a:hover, ul#mainnavblue li a.current:link {
	color: #F1E599;
}
 ul#mainnavblue li a.current:visited {
	color: #000000;
	background: #7EBDFB;
}
/* ---------------------------- MAIN NAVIGATION purple----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavpurple {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavpurple li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavpurple li a:link, ul#mainnavpurple li a:visited, ul#mainnavpurple li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavpurple li a:hover, ul#mainnavpurple li a.current:link {
	color: #F1E599;
}
 ul#mainnavpurple li a.current:visited {
	color: #000000;
	background: #D088DE;
}
/* ---------------------------- MAIN NAVIGATION pink----------------------------  */

/* Creates the container for the navbar and centers it.*/ 

/* Removes any default margins or padding applied to lists. Floats the list to the left, which incorporates the child elements (i.e. the links) and provides a full-length background color that extends past the links.*/

ul#mainnavpink {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}


/* Lists, by default, are block level elements, so the applying the inline style removes the line breaks of a block level element and causes the links to line up next to one another. We float the items left as some browsers have difficulty displaying the inline property correctly in this fashion. We remove all margins and padding and the bullet by setting the list style type to none.*/

ul#mainnavpink li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px;
}

/* Although we have redefined the li style as an inline element, we need to make the actual links block level elements so we can give them widths and have them display properly as "buttons." */
ul#mainnavpink li a:link, ul#mainnavpink li a:visited, ul#mainnavpink li a:active {
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 5px 10px;
	margin: 0px;
	border-right: 1px solid #F1E599;
	color: #EBF2F8;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/* Creates the hover and "on" status style, which can be applied directly to a single link. */
ul#mainnavpink li a:hover, ul#mainnavpink li a.current:link {
	color: #F1E599;
}
 ul#mainnavpink li a.current:visited {
	color: #000000;
	background: #E2ADD2;
}
/* ----------------- MAIN NAVIGATION red ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav3 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav3 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav3 li a:link, ul#mainnav3 li a:visited, ul#mainnav3 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_red.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav3 li a:hover, ul#mainnav3 li a.current:link, ul#mainnav3 a.current:visited {
	background: url(../images/buttons/button.gif);
}



/* ----------------- MAIN NAVIGATION orange Interiorsa ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav4 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav4 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav4 li a:link, ul#mainnav4 li a:visited, ul#mainnav4 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_orange.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav4 li a:hover, ul#mainnav4 li a.current:link, ul#mainnav4 a.current:visited {
	background: url(../images/buttons/button.gif);
}


 
/* ----------------- MAIN NAVIGATION yellow Dress ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav5 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav5 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav5 li a:link, ul#mainnav5 li a:visited, ul#mainnav5 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_yellow.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav5 li a:hover, ul#mainnav5 li a.current:link, ul#mainnav5 a.current:visited{
	background: url(../images/buttons/button.gif);
}


 
/* ----------------- MAIN NAVIGATION green Health ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav6 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav6 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav6 li a:link, ul#mainnav6 li a:visited, ul#mainnav6 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_green.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav6 li a:hover, ul#mainnav6 li a.current:link, ul#mainnav6 a.current:visited{
	background: url(../images/buttons/button.gif);
}


 
/* ----------------- MAIN NAVIGATION blue Products ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav7 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav7 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav7 li a:link, ul#mainnav7 li a:visited, ul#mainnav7 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_blue.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav7 li a:hover, ul#mainnav7 li a.current:link, ul#mainnav7 a.current:visited{
	background: url(../images/buttons/button.gif);
}


 
/* ----------------- MAIN NAVIGATION pruple Contact Us ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav8 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav8 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav8 li a:link, ul#mainnav8 li a:visited, ul#mainnav8 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_purple.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav8 li a:hover, ul#mainnav8 li a.current:link, ul#mainnav8 a.current:visited{
	background: url(../images/buttons/button.gif);
}


 
/* ----------------- MAIN NAVIGATION pruple Contact Us ----------------- */

/* Apply the ul#mainnav style to our entire <ul>.*/

/* Sets a background color and width for our navigation box. Removes all default margins and padding. */
ul#mainnav9 {
	margin: 0px;
	padding: 0px;
	width: 160px;
}

/* Removes the default bullets. */
ul#mainnav9 li {
	display: inline; /* Redefined here only to remove stray padding. */
	list-style: none;
}

/* Styles our links. Setting the display to block ensures our links will stack back on top of one another as block level elements. The width sets the "hit" area of the links.  */
ul#mainnav9 li a:link, ul#mainnav9 li a:visited, ul#mainnav9 li a:active {
	color: #000000;
	text-decoration: none;
	display: block;
	width: 160px;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background: url(../images/buttons/button_pink.gif) no-repeat;
	border: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
/* Creates our hover status and our current custom class. Be sure to apply .current to each applicable a tag on individual pages. */
ul#mainnav9 li a:hover, ul#mainnav8 li a.current:link, ul#mainnav9 a.current:visited{
	background: url(../images/buttons/button.gif);
}