/*css menu*/

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(images/indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(images/indentbg2.gif) center center repeat-x;
}

/*end of css menu*/ 


.text_bottle1{
text-align: left; padding-top: 8px; padding-left: 12px; padding-right: 12px; padding-bottom: 18px; color: #ffffff; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
background-image:url(/images/related_items/bg.jpg) ;
background-repeat:no-repeat;
background-position:center;

}

body  {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	/*background-repeat: repeat-x;*/

	background-color: #6B7070;
	
	
	/*background-color: #510000;*/

	/*background-image: url(images/page_bk.jpg);*/
	
	background-image: url(../images/bg_faded.jpg);

}

#container {

	width: 760px;

	text-align: left; /* this overrides the text-align: center on the body element. */

	color: #FFFFFF;

	background-color: #212121;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	/*margin-top: 15px;*/

	border: 4px solid #FFFFFF;

} 

#header {

	width: 760px;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	margin-top: 0px;

} 



#header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}





#mainContent a {

	color: #CC3300;

}

#mainContent a:hover {

	color: #FF0000;

}



#mainContent {

	clear:both;

	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	float: right;

	width: 513px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: solid;

	border-right-color: #999999;

	border-bottom-color: #000000;

	border-left-color: #999999;

	color: #cbcbcb;

	font-size: 12px;

	background-color: #212121;

	padding:15px;

	

} 



* html #mainContent {

width: 490px;

}

#mainContent p {

	font-size: 13px;

	text-align: justify;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

}







#mainContent h1 {

	font-size: 16px;

	color: #FFFFFF;

	background-color: #000000;

	background-attachment: fixed;

	background-image: url(../images/bar.jpg);

	background-position: right bottom;

	background-repeat: no-repeat;

	margin-top: 10px;

	border: 1px solid #000000;

	padding: 10px;

	width: 493px;

}



* html #mainContent  h1{

width: 470px;

}

#mainContent h2 {

	font-size: 14px;

	margin: 0px;



}

#sidebar1 {

	float: left; /* since this element is floated, a width must be given */
	width: 215px;
	text-align:center;



}

#container #sidebar1 li {

	background-color: #2c2c2c;

	margin: 2px;

	list-style-type: none;

	display: block;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	color: #787878;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 15px;

}

#container #sidebar1 li a {

	display: block;

	color: #787878;

	text-decoration:none;

	width: 100%;

}

#container #sidebar1 li a:hover {

	color: #DDD;

	text-decoration:none;

}

#container #sidebar1 li.selected {

	color: #a2a2a2;

	background-color: #464646;

}

#container #sidebar1 ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



* html #sidebar1 {

width: 225px;

}

#newbox {

	border: 1px solid #e5e2e2;

}

.crossover {

	text-decoration: line-through;

}

.leftimage {

	border: 1px solid #670001;

	float: left;

	margin: 10px;

	z-index: 100;

}

.specialbox {

	background-color: #FFFFCC;

	color: #6D090B;

	padding: 10px;

	text-align: center;

	font-size: 16px;

	border: 1px dashed #6D090B;

	margin-top: 10px;

	margin-bottom: 10px;

}



#footer {

	background-color: #DDDDDD;

	background-image: url(images/bottom-bar.jpg);

	padding-top: 0;

	padding-right: 10px;

	padding-bottom: 0;

	padding-left: 20px;

	height: 29px;

	font-size: 10px;

} 

#footer2 {

	width: 610px;

	color: #CCCCCC;

	font-size: 10px;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}



#footer p {

	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	padding-top: 10px;

	padding-right: 35px;

	padding-bottom: 10px;

	padding-left: 0;

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}





#header ul {

	padding: 0;

	margin: 0;

	list-style-type: none;

	font-size:11px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

}

#header li {

display: inline;

margin: 0;

	

}

#header li a {

	background: transparent url(../images/tab_normal.gif) 100% 1px no-repeat;

	text-decoration: none;

	padding-right: 15px;

	color: #6a1d1d;

	position: relative;

	display: block;

	text-align:center;

	float: left;

	margin-left: -13px;

	left: 20px;

	width:110px;

	height:14px;

	padding-top: 9px;

	padding-bottom: 4px;

	padding-left: 7px;

}

* html #header li a {

	height:7px;

}



#header li a.selected {

	background-image: url(../images/tab_selected.gif);

	z-index: 100;

	color:#FFFFFF;

}

#header li a.first {

	background-image: url(../images/tab_first.gif);

}