
/*

BODY {

	 background-image: url(/images/RozeHealthWebstoreRev1.1.png);
	 background-repeat: no-repeat;
	background-position: center top;
    background-color: black;
 }
*/


BODY {

	 background-color: #4b6c80;
 }

.wrap { width:900px; margin:0 auto; } /* "auto" makes the left and right margins center the wrapper */



/*max-width : 1000px;*/

/* background: url(/images/RozeCompanyLayoutRev1.1.png) fixed no-repeat top center */


/*

img {
	background-color: #ccfff0;
}


.title {
  
   /* background-image: url(img/header_smooth_blue.png); 
       background: url(images/rainbow.png);
	
    
  height: 2.8em;
  overflow: hidden;
  /* padding-top: .5em; 
text-align: centre
*/

/*
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/0i7UAv_hn9o&amp;hl=en_US&amp;fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0i7UAv_hn9o&amp;hl=en_US&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
*/


  
  /* padding-left: 180px;
  font-family: Schoolbook L Bold, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serifCentury ;
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  
  color: #ffff00;*/




.title img {
	background-color:  	transparent;
	
}


IMG.RJZCenter {
    display: block;
    margin-left: auto;
    margin-right: auto }



div.IndexBox {
	height: 4000px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.WebstoreBox {
	height: 1250px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.InfoBox {
	height: 5000px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.ContactUsBox {
	height: 1950px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.AboutUsBox {
	height: 1344px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.CareersBox {
	height: 900px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}


div.NewsBox {
	height: 1600px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}

div.SearchBox {
	height: 500px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}


div.CheckoutBox {
	height: 1800px;
	width: 888px;
	border: 6px solid black;
	background: #ffffff;
}



/* I found this here:  http://www.domedia.org/oveklykken/css-div-scroll.php */


#RJZscroller {
height: 200px;
width: 300px;                  
overflow: scroll;
border: 1px solid #666;
background-color: transparent;
padding: 8px;
}



/*  NAVIGATION  */

.nav {
  font-family: Arial, Times New Roman, Times, FreeSerif;
 
 
 /*margin-bottom: 0.75em;*/
  padding-top: 5px;
  padding-bottom: 5px;
 margin-top: 85px;
  clear: both;
  text-align: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  background-color:black;

  
 /* background: url(img/nav_menu_bg.png); */

  text-align: centre

 }
 
 
 .NavBottom {
  font-family: Arial, Times New Roman, Times, FreeSerif;
  /*margin-bottom: 0.75em;*/
  padding-top: 115px;
  padding-bottom: 5px;
 margin-top: 605px;
  clear: both;
  text-align: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  background-color:black;

  
 /* background: url(img/nav_menu_bg.png); */

  text-align: centre

 }
 
 
  .NavBottomWebstore {
  font-family: Arial, Times New Roman, Times, FreeSerif;
  /*margin-bottom: 0.75em;*/
  padding-top: 5px;
  padding-bottom: 5px;
 margin-top: 0px;
  clear: both;
  text-align: center;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  background-color:black;

  
 /* background: url(img/nav_menu_bg.png); */

  text-align: centre

 }
 
 
 .Font12px {
  font-family: Arial, Times New Roman, Times, FreeSerif;
  font-size: 12px;
  
 }



 
.swap {/* .swap makes specifies the size that the image will be so that when the  */
	width: 60px;
	height: 70px;
	 padding-right: 12px;
	float: left;
}
/*
.swap a {
	background: url(images/RedAcuLightFace.gif);
		width: 260px;
	height: 302px;
	float: left;
}
*/
.swap a:hover em {
	background: #ccffee url(images/RedAcuLightAnimai60x70px.gif);
		width: 60px;
	height: 70px;
	float: left;
}

.swap a:link {
	background: url(images/RedAcuLightFace60x70px.gif);
		width: 60px;
	height: 70px;
	float: left;
}



/*  LEFT BODY  */

#left {
  float: left;
  clear: left;
  width: 15%;
  margin-left: 1%;
}

/*  LEFT BODY, 50%  */
#Left50NoMargin {
  float: left;
   width: 49%;
  margin-left: 1%;
    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}
/*  Middle Body, 50%  */
#Middle50NoMargin {
  float: left;
    width: 49%;
  margin-left: 0%;
  margin-right: 1%;
    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}
/*  LEFT Margin, 5%  */
#Left5 {
  float: left;
  /*height: 500px;*/
  clear: left;
  width: 5%;
  margin-left: 0%;
    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
   background: #000000;
 /*  background: #000000 url(images/LeavesBorderRev1.2.gif);
   background-repeat:repeat-y; */
   overflow: hidden;

}


/*  LEFT BODY, 48%  */
#Left50 {
  float: left;
  clear: left;
  width: 48%;
  margin-left: 1%;
    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}

/*  LEFT BODY, 40%  */
#Left40 {
  float: left;
  /*clear: left;*/
  width: 43.5%;

margin-left: 1%;
margin-top: 1%;

    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}


/*  Full Width Scroller, 100  */
#Scroller100 {
  float: left;
  /*clear: left;*/
  width: 100%;
    height: 9em;
margin-left: 0%;

overflow:scroll;
overflow-x: hidden;
border-left: 1px solid #000000; 
 border-bottom: 1px dashed #000000; 
font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 14px;
}

/*  Full Width Scroller, 100  15em high*/
#Scroller10015 {
  float: left;
  /*clear: left;*/
  width: 100%;
    height: 15em;
margin-left: 0%;

overflow:scroll;
overflow-x: hidden;
border-left: 1px solid #000000; 
 border-bottom: 1px dashed #000000; 
font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}





/*  Middle Body, 40%  */
#Middle40 {
  float: left;
    width: 43.5%;
  margin-left: 1%;
  margin-top: 1%;

}



/*  Middle Body, 50%  */
#Middle50 {
  float: left;
    width: 48%;
  margin-left: 1%;
}



/*  MIDDLE BODY  */

#middle {
  margin-left: 1%;
  float: left;
  width: 55%;
}

/*  RIGHT BODY  */

#right {
  float: left;  
  width: 25%;
  margin-left: 1%;
}


/*  RIGHT BODY  6%*/

#Right5 {
  float: right;  
  width: 5%;
  margin-right: 0%;
  
    /*height: 500px;*/
  clear: right;

    font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
   background: #000000;
   /*   background: #000000 url(images/LeavesBorderRev1.2.gif);
   background-repeat:repeat-y;
*/
   overflow: hidden;

}
  
  
  
  
  
}


/*  Full Body  */

#FullBody {
  float: left;  
  width: 100%;
  margin-left: 1%;
}

#FullBody98 {
  float: left;  
  width: 98%;
  margin-left: 1%;
      font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
}


#FullBody90 {

  width: 600px;

  font-family: Arial;
  font-size: 12px;
}





#Full98 {
  
  width: 98%;
  margin-left: 1%;
margin-right: 1%;
  border-left: 1px solid #000000; 
   border-right: 1px solid #000000; 
     font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;

}


/*  GENERAL FORMAT  */

.ptitle {
   background-image: url(img/box_up-bg.png); 
  background-color: #000000;
  height: 29px;
  font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
  font-weight: bold;

}

.ptitle98 {
	  width: 98%;
  margin-left: 1%;
margin-right: 1%;
  background-image: url(img/box_up-bg.png); 
  height: 29px;
  font-family: Times New Roman, Times, FreeSerif, Verdana,Tahoma;
  font-size: 12px;
  font-weight: bold;
}


.ptitle > span {
  float: left;
  margin-top: 7px;
}


.post {
  text-decoration: none;
  font: bold;
  font-family: Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;

  font: bold;
   border-left: 1px solid #000000; 
   border-right: 1px solid #000000; 
/*  background-color: #ffcc00; */
	/* background-color: #000000; */
	font: bold;
  padding: 0.5em;
     font-size: 14px;
}

.postwebstore {
  text-decoration: none;
  font: bold;
  font-family: Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font: bold;
   /*border-left: 1px solid #000000; 
   border-right: 1px solid #000000; */
/*  background-color: #ffcc00; */
	/* background-color: #000000; */
	font: bold;
  padding: 0.5em;
   
}

.post_whiteonblue {
  border-left: 1px solid #5f626a;
  border-right: 1px solid #5f626a;
  background-color: #fde800;
  color: #000000;
  font-size: 12px; 
  font: bold;
  padding: 0.5em;
}


.post_jumper {

  background-color: #dddddd;
  color: #000000;
  font: bold;
  padding: 0.5em;
}

/*

.RozeLogo {
  position: absolute;
  top: 12px;
  left: 15px;
 
  background-image: url(images/RozeLogoRev4.6.png);
  
  */
  /* background-image: url(images/ROZElogo_rev_3.1_transparent.gif); */
  
  /*
  
  height: 60px;
  width: 135px;
}


*/

div.pbottom {
  background: url(img/box_low-bg.png);
  height: 22px;
  width: 100%;
  margin-bottom: 0.75em;
}

div.pbottom98 {
		  width: 98%;
  margin-left: 1%;
margin-right: 1%;
  background: url(img/box_low-bg.png);
  height: 22px;

  margin-bottom: 0.75em;
}


/*  FONTS  */


p {
  margin-top:0;
  border-top:0;
  text-decoration: none;
  font: bold;
  font-family: Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font: bold;
}

a {
  text-decoration: none;
  font: bold;
  font-family: Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font: bold;
}

a:link {
	color: #0000ff;
	font-family: Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;
}


a.main_nav {
  font-weight: bold;
	color: #ffffff;
 font-size: 14px;
 font-family: arial;
}

a.main_nav:link {
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 14px;
	font: bold;
	color: #ffffff;
	}
a.main_nav:visited {
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 14px;
	font: bold;
	color: #ffffff;
	}
a.main_nav:hover {
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 14px;
	font: bold;
	color: #ffffff;
	/* color: #008800;  */
text-decoration: underline;
	}
a.main_title:link {
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;
	color: #ff0000; 
	text-decoration: underline;
	}
a.main_title:visited {
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;
	color: #ff0000; 
	text-decoration: underline;}
a.main_title:hover {
	text-decoration: underline;
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;
	color: #ff0000; 
}

 
a:visited {
	color: #797979;
	/* text-decoration: underline; */
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;

	}
a:hover {
 color: #FF0000; 
	text-decoration: underline;
	text-decoration: underline;
	font-family: Arial, Times New Roman, Times, FreeSerif, Tahoma,Verdana,Geneva,Helvetica,sans-serif;
	font-size: 12px;
	font: bold;
	}


a.main_current_nav {
    font-weight: bold;
   font-size: 14px;
   font-family: arial;
   /* background: #4100fe; */
 /*color: #000000;    */
  /* background: #ffffff; */
  color: #ffffff; 
  background: #000000; 
   
  /* background: #1665dc; */
  border-style: inset;
  border-left: 4px solid ; 
   border-right: 4px solid #6D7B8D ; 
  
/* border-left: 4px solid #5f626a; 
   border-right: 4px solid #5f626a;  */
  }

a.main_current_nav:link {color: #ffffff;}
a.main_current_nav:visited {color: #ffffff;}
a.main_current_nav:hover {color: #ffffff; 
											background: #000000; 
											*/text-decoration: underline; */
											}
.post_jumper > a:link {color: #ff0000;}
.post_jumper > a:visited {color: #797979;}
.post_jumper > a:hover {color: #f0812f; text-decoration: underline;}

.underline {
  text-decoration: underline;
}

.align-left {
  float: left;
}

.align-right {
  float: right;
}

/*  SITE MAP LIST FX  */

#site_map li ul {
  display: none;
}

#site_map li:hover > ul {
  display: block;
}






