/**********************************/
/* GENERAL STYLES BEGIN           */
/**********************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000016;
	margin: 0;
}
#main {
	position: relative;
	background-color: #ced1d8;
	width: 898px;
	height: 555px;
	border: solid 1px #fff;
	margin: 18px auto;
}
#top_bar {
	height: 69px;
}
.tx-macinasearchbox-pi1 .searchbox {
	position: absolute;
	top: 3px;
	right: 50px;
	margin: 0px;
	padding: 0px;
}
.tx-macinasearchbox-pi1 .searchlup {
	position: absolute;
	top: 0px;
	right: 30px;
	margin: 0px;
	padding: 0px;
}
html>body .tx-macinasearchbox-pi1 .searchbox {
	top: 2px;
}

#contentrow {
	position: relative;
	background-color: #ced1d8;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 898px;
	height: 433px;
	font-size: x-small;
}
P {
	margin: 0px;
	padding-bottom: 15px;
	font-size: x-small;
	line-height: 1.6em;
}
H1 {
	margin: 0px;
	padding: 30px 0 10px 0;
	color: #AD7818;
	font-size: x-large; 
	font-weight: normal;
	text-transform: uppercase;
}
H2 {
	font-size: 18px;
	color: #E808AC;
	margin: 0 0 0 0;
}
H3 {
	font-size: 16px;
	color: #08DBE8;
	margin: 0 0 0 0;
}
H4 {
	font-size: 14px;
	color: #E48F16;
	margin: 0 0 0 0;
}
H5 {
	font-size: 14px;
	color: E5E808;
	margin: 0 0 0 0;
}
H1 A {
	color: #B608E8;
}
H2 A {
	color: #E80877;
}
H3 A {
	color: #87E808;
}
H4 A {
	color: #C0C0FF;
}
H5 A {
	color: #C0C000;
}
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover {
	text-decoration: underline;
}



#normal-col-bgimage {
	position: absolute;
	top: 30px;
	left: 30px;
	margin: 0px;
	padding: 0px;
	width: 636px;
	height: 379px;
	border: 1px solid #b2b2b2;
	z-index: 0;
}

#right-col {
	position: absolute;
	top: 30px;
	right: 30px;
	margin: 0px;
	padding: 0px;
	width: 170px;
	border-top: 1px solid #919191;
	font-size: x-small;
}
.teaser_link {
	margin: 0px;
	padding: 5px 0;
	border-bottom: 1px solid #919191;
}
.teaser_link  a {
	text-decoration: none;
	color: #545454;
	border-bottom: none;
}
.teaser_link a:hover {
	display: block;
	text-decoration: underline;
}
.teaser_link_header {
	float: left;
	width: 145px;
}
.teaser_link_header p {
	font-weight: normal;
	line-height: 14px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
.teaser_link_arrow {
	float: right;
	width: 18px;
}
.teaser_link_arrow a {
	color: #B41414;
	font-weight: bold;
}
.teaser_link_text {
	clear: both;
}
.teaser_link_text p {
	line-height: 13px;
	margin: 0px;
	padding: 0px;
}

#footer {
	margin: 0px;
	color: white;
	font-size: x-small;
	padding: 0 30px;
	height: 25px;
	border-top: 1px solid black;
	background-image: url(../images/gray_bar.gif);
}
#footer-text {
	float: left;
	margin: 5px 0;

}
#footer-mail {
	float: right;
	margin: 0px;
	margin: 5px 0;
}
#footer-mail a {
	color: white;
	text-decoration: none;
}


/**********************************/
/* PRODUCTS STYLES BEGIN          */
/**********************************/

#singleview {
	position: absolute;
	top: 30px;
	left: 30px;
	margin: 0;
	padding: 0;
	width: 636px;
	height: 379px;
	border: 1px solid #b2b2b2;
	overflow: auto;
	background-image: url(../images/clear.gif);
}
#singleview p {
	margin-top: 0px;
	padding-top: 10px;
	font-size: x-small;
}
#product-singleview a {
	color: black;
	border-bottom: 1px solid #989898;
	text-decoration: none;
	}
#product-singleview a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #3d3d3d;
}
.spacer {
	clear: both;
}
#singleview-table {
	float: left;
	width: 355px;
	text-transform: uppercase;
}
#singleview-table td.tx-products-pi1-singleView-HCell {
	width: 100px;
	height: 15px;
}
#singleview-table td p {
	width: 250px;
	height: 20px;
	margin-top: 0px;
	padding-top: 0px;
	font-size: x-small;
}
.tx-products-pi1-singleView-HCell h2 {
	margin: 0px;
	padding: 40px 0 20px 0;
	color: #B41414;
	font-size: x-large; 
	font-weight: normal;
	text-transform: uppercase;
}
.tx-products-pi1-singleView-HCell {
	float: left;
	width: 355px;
	padding: 0 20px;
}
.tx-products-pi1-singleView-HCell-taste {
	float: left;
	width: 355px;
	padding: 5px 0 5px 20px;
}
.tx-products-pi1-singleView-HCell-taste img {
	padding: 0 5px 0 0;

}
#product-singleview .tx-products-pi1-singleView-HCell-taste a {
	color: #B41414;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
}
#product-singleview .tx-products-pi1-singleView-HCell-taste a:hover img{
	text-decoration: none;
	border-bottom: 0px solid #3d3d3d;
}
#product-singleview .tx-products-pi1-singleView-HCell-taste a:hover {
	text-decoration: none;
	border-bottom: 1px solid #3d3d3d;
}
.tx-products-pi1-singleView-HCell-back {
	float: left;
	width: 355px;
	padding: 5px 0 30px 20px;
}

#right-col .tx-products-pi1-singleView-HCell-related {
	float: left;
	width: 152px;
	padding: 10px 0;
	border-bottom: 1px solid #919191;
}
#right-col .tx-products-pi1-singleView-HCell-related a {
	color: #545454;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}
#right-col .tx-products-pi1-singleView-HCell-related a:hover {
	color: #545454;
	text-decoration: underline;
}

.tx-products-pi1 .arrow a {
	float: right;
	color: #B41414;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0;
	border-bottom: 1px solid #919191;
}
.tx-products-pi1 .arrow a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.tx-products-pi1 a {
	margin: 0;
	padding: 0;
}



/**********************************/
/* PRODUCTS STYLES END            */
/**********************************/

 


/**********************************/
/* DROPDOWN MENU STYLES BEGIN     */
/**********************************/

#topmenu {
	position: relative;
	color: white;
	font-size: x-small;
	background-image: url(../images/gray_bar.gif);
	height: 25px;
	padding-right: 30px;
	padding-left: 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	z-index: 10;
}
#topmenu a:link, #topmenu a:visited, #topmenu a:active {
	height: 19px;
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: normal;
}
#topmenu a:hover {
	color: #000016;
}
#nav {
	position: absolute;
	bottom: 0px;
	left: 0px;
} 
.box {
	top: 19px;
	left: -10px;
}
#topmenu .box a:link, #topmenu .box a:visited, #topmenu .box a:hover, #topmenu .box a:active {
	color: #FFFFFF;
}

/* all lists */
ul, ul a { 
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}
li.level_1_first {
	float: left; 
	position: relative;
	width: 60px;
	text-align: center;
	padding: 0px 15px 0px 25px;
}
html > body #topmenu li.level_1_first {
	width: 60px;
}
li.level_1_middle {
	float: left; 
	position: relative;
	width: 60px;
	text-align: center;
	padding: 0px 20px 0px 0px;
}
html > body #topmenu li.level_1_middle {
	width: auto;
}
li.level_1_last {
	float: left; 
	position: relative;
	width: 60px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}
html > body #topmenu li.level_1_last {
	width: auto;
}
li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	border-bottom: 1px solid #FFFFFF;
	background-color: #000016;
	width: 180px;
}
li ul li.level_2 {
	text-align: left;
	padding-left: 10px; 
	padding-top: 4px;
	padding-bottom: 0px;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}
html > body li ul li.level_2 {
	height: 100%;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 18px;
	left: auto;
}
li ul li:hover, li ul li.sfhover {
	background-color: #444466;
	border-bottom: none;
}
li:hover ul, li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}
DIV DIV#main DIV#topmenu A.subact {
	color: #007700;
}
DIV DIV#main DIV#topmenu A.subsubact {
	color: #007700;
}
/*********************************/
/* DROPDOWN MENU STYLES END      */
/*********************************/