BODY { MARGIN: 0 auto; BACKGROUND-COLOR: #ffffff; background-image: url(images/background.gif); background-repeat: repeat; background-position: center top; text-align: center;}


#layout { width:780px; border-style: solid; border-width: 1px; border-color: #999999; margin:0 auto 0 auto; }

A:link { FONT-WEIGHT: 500; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none}
A:visited { FONT-WEIGHT: 500; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover { FONT-WEIGHT: 500; FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: underline;}
.header { background-color: white; vertical-align: bottom; width: 780px; height: 108px; margin-top: 0px; }
.logo { width: 300px; height: 97px; float: left; }


.header_right_lozenge { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; vertical-align: bottom; width: 250px; height: 70px; float: right; margin-right: 20px; margin-top: 14px; background-image: url(images/lozenge_right.jpg); cursor:hand;}


.toprightlinks {background-color: #ffffff; text-align: center; vertical-align: bottom; width: 150px; height: 113px; float: right; margin-right: 0px; margin-top: 0px;}


.lozenge_title { color: #000000; font-size: 14px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; width: 100px; float: right; margin-top: 5px; margin-right: 3px;}

.lozenge_text { color: #c89603; font-size: 13px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; width: 100px; float: right; margin-left: 0px; margin-top: 3px;}


.mainpagelayout { text-align: center;}


.menubar { font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 16px; background-color: #666666; text-transform: uppercase; text-align: left; width: 780px; height: 16px; vertical-align: middle;}


.mainmenuitems { color: #e6e6e6; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: left; vertical-align: middle;}
.mainmenuitems a:link { color: #e6e6e6; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: left; vertical-align: middle;}
.mainmenuitems a:visited { color: #e6e6e6; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: left; vertical-align: middle;}
.mainmenuitems a:hover { color: #ffcc33; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: left; vertical-align: middle; text-decoration: underline;}

.secondmenuitems { color: #cccccc; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: right; vertical-align: middle; }
.secondmenuitems a:link { color: #cccccc; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: right; vertical-align: middle; }
.secondmenuitems a:visited { color: #cccccc; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: right; vertical-align: middle; }
.secondmenuitems a:hover { color: #cccccc; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #666666; text-transform: uppercase; text-align: right; vertical-align: middle; text-decoration: underline; }


.topmenubottom { color: #ffffff; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 16px; background-color: #d9d9d9; text-transform: uppercase; text-align: left; height: 16px; vertical-align: middle;}


.mainpage { background-color: #ffffff; width: 780px; text-align:left; position:relative;}


.leftmenu { background-color: #ffffff; text-align:left; vertical-align: top; width: 210px; position:absolute; left:0px; top:10px;}



.middlerow { background-color: #ffffff; vertical-align: top; width: 566px; position:relative; left:210px; border-top: 0px solid #cccccc; border-bottom: 0px solid #cccccc; border-left: 1px solid #cccccc; padding-top: 8px; padding-left: 3px;}

.middlerowcopy { color: #333333; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 16px; background-color: #ffffff; vertical-align: top; text-align: justify; width: 540px; position: relative; padding-top: 8px; padding-left: 8px; padding-bottom: 8px;}

.middlerowform { color: #333333; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 16px; background-color: #ffffff; vertical-align: top; text-align: center; width: 540px; position: relative; padding-top: 8px; padding-bottom: 8px;}




.bottomrow { background-color: #ffffff; vertical-align: top; width: 569px; height: 88px; position:relative; left:210px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc;}

.bottomrow_left_lozenge { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; vertical-align: middle; width: 174px; height: 70px; float: left; margin-left: 10px; margin-top: 10px; background-image: url(images/BottomRowLozenge_Left.jpg); cursor:hand; position:relative;}

.bottomrow_middle_lozenge { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; vertical-align: middle; width: 174px; height: 70px; float: left; margin-left: 10px; margin-top: 10px; background-image: url(images/BottomRowLozenge_Middle.jpg); cursor:hand; position:relative;}

.bottomrow_right_lozenge { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; vertical-align: middle; width: 174px; height: 70px; float: left; margin-left: 10px; margin-top: 10px; background-image: url(images/BottomRowLozenge_Right.jpg); cursor:hand; position:relative;}

.bottomrow_lozenge_subtitle { color: #333333; font-size: 11px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: bottom; width: 174px; margin-top: 52px;}





.maingridframe { color: #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; vertical-align: top; width: 549px; left:210px; position:relative; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding:10px;}

.maingridframe_title { color: #333333; font-size: 14px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff;}

.maingridframe_text { color: #333333; font-size: 12px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; margin-top: 7px;}




.mainprodframe { color5 #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; vertical-align: top; width: 549px; left:210px; position:relative; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding:10px;}

.prodimage { color: #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; vertical-align: top; width: 310px; height: 310px; position:absolute; border: 1px solid #999999;}

.prodsmallimages { color: #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; background-color: #ffffff; vertical-align: top; width: 290px; height: 80px; position:absolute; top:320px; border: 1px solid #999999; padding:10px }




.prodtextframe { color: #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; vertical-align: top; width: 215px; height: 420px; left:330px; position:relative; }


.prodtextframe_title { color: #333333; font-size: 14px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff;}

.prodtextframe_text { color: #333333; font-size: 12px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; padding-bottom:20px;}

.prodtextframe_price { color: #333333; font-size: 12px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; padding-bottom:20px;}

.prodtextframe_add { color: #333333; font-size: 12px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; padding-bottom:20px;}

.prodtextframe_subtext1 { color: #333333; font-size: 10px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; background-color: #ffffff; padding-bottom:10px;}

.prodtextframe_subtext2 { color: #333333; font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; background-color: #ffffff; padding-bottom:10px;}

.prodtextframe_subtext3 { color: #333333; font-size: 10px; font-weight:normal; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; background-color: #ffffff;}







.grid { background-color: #ffffff; vertical-align: top; width:450px; margin-left: 50px; position:relative;}

.grid_product { color: #808080; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; vertical-align: middle; width: 128px; height: 195px; margin-left: 10px; margin-right: 10px; margin-top: 10px; background-image: url(images/prod1.jpg); background-repeat:no-repeat; cursor:hand; border: 1px solid #999999; position:relative;}

.grid_product_title { color: #333333; font-size: 14px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; width: 128px; margin-top: 130px; cursor:hand; position:relative;}

.grid_product_text { color: #333333; font-size: 9px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; width: 128px; cursor:hand; position:relative;}

.grid_product_price { color: #d94987; font-size: 15px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: center; vertical-align: top; width: 128px; margin-top: 1px; cursor:hand; position:relative;}





.bottommenubar { font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 16px; background-color: #cccccc; text-transform: uppercase; text-align: center; width: 780px; height: 16px; vertical-align: middle; position:relative;}
.bottommenuitems { color: #666666; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #cccccc; text-transform: uppercase; text-align: center; vertical-align: middle;}
.bottommenuitems a:link { color: #666666; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #cccccc; text-transform: uppercase; text-align: center; vertical-align: middle;}
.bottommenuitems a:visited { color: #666666; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #cccccc; text-transform: uppercase; text-align: center; vertical-align: middle;}
.bottommenuitems a:hover { color: #666666; font-size: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; background-color: #cccccc; text-transform: uppercase; text-align: center; vertical-align: middle; text-decoration: underline;}


.bottommenubuffer { color: #ffffff; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 500; line-height: 8px; background-color: #ffffff; text-transform: uppercase; text-align: left; height: 8px; vertical-align: middle; position:relative;}

.click-menu { width: 135px; }
.click-menu .box1 { width: 172px; background-color: #d9d9d9; color: #000000; font-weight: bold; font-size: 12px; font-family: Arial; padding: 3px 18px; border-width: 1px; border-color: #d9d9d9; border-style: solid solid solid solid; cursor: hand; position: relative; }
.click-menu .box1-hover { width: 172px; background-color: #666666; color: #ffcc33; font-weight: bold; font-size: 12px; font-family: Arial; padding: 3px 18px;
border-width: 1px; border-color: #d9d9d9; border-style: solid solid solid solid; cursor: hand; position: relative; }
.click-menu .box1-open { width: 172px; background-color: #666666; color: #e6e6e6; font-weight: bold; font-size: 12px; font-family: Arial; padding: 3px 18px;
border-width: 1px; border-color: #d9d9d9; border-style: solid solid none solid; cursor: default; position: relative; }
.click-menu .box1-open-hover { width: 172px; background-color: #666666; color: #e6e6e6; font-weight: bold; font-size: 12px; font-family: Arial; padding: 3px 18px; border-width: 1px; border-color: #d9d9d9; border-style: solid solid none solid; cursor: default; position: relative; }
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img { position: absolute; top: 6px; right: 6px; }
.click-menu .section { background-color: #ffffff; font-family: Arial; font-size: 12px; line-height: 15px; padding: 5px 5px 6px 5px; border-width: 1px; border-color: #ffffff; border-style: none solid solid solid; display: none; }
.click-menu .section a { color: #666666; text-decoration: none; white-space: nowrap; }
.click-menu .section a:hover { color: #999999; text-decoration: underline; white-space: nowrap; }
.click-menu .box2 { }
.click-menu .box2-hover { background: #ffffff; }
.click-menu .section .active, 
.click-menu .section .active:hover { color: yellow; }