.dialog { width: 561px; top: 5px; left: 0px; position:relative; margin:0px auto; min-width:8em; max-width:561px; /* based on image dimensions - not quite consistent with drip styles yet */ color:#fff; z-index:1; margin-left:14px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialog */ min-height: 200px; } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(images/backgrounds/content_bg1.png) no-repeat top right; _background-image:url(images/backgrounds/content_bg1.gif); min-height: 100px; } .dialog .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 14px 0px 0px; } .dialog .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:14px; /* top slice width */ margin-left:-14px; height:100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position:top left; } .dialog .b { /* bottom */ position:relative; width:100%; } .dialog .b, .dialog .b div { height:14px; /* height of bottom cap/shade (this is the height of the bottom bit) */ font-size:1px; } .dialog .b { background-position:bottom right; } .dialog .b div { position:relative; width:14px; /* bottom corner width */ margin-left:-14px; background-position:bottom left; } .dialog .hd, .dialog .bd, .dialog .ft { position:relative; } .dialog .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:1000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .dialog h1, .dialog p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .dialog h1 { padding-bottom:0px; } .dialogcontent { width: 561px; top: 5px; left: 0px; position:relative; margin:0px auto; min-width:8em; max-width:561px; /* based on image dimensions - not quite consistent with drip styles yet */ color:#fff; z-index:1; margin-left:12px; /* default, width of left corner */ margin-bottom:0.5em; /* spacing under dialogcontent */ min-height: 100px; } .dialogcontent .content, .dialogcontent .t, .dialogcontent .b, .dialogcontent .b div { background:transparent url(images/backgrounds/thumbnail_bg2.png) no-repeat top right; _background-image:url(images/backgrounds/thumbnail_bg2.gif); min-height: 100px; } .dialogcontent .content { position:relative; zoom:1; _overflow-y:hidden; padding:0px 12px 0px 0px; } .dialogcontent .t { /* top+left vertical slice */ position:absolute; left:0px; top:0px; width:12px; /* top slice width */ margin-left:-12px; height:100%; _height:20000px; /* arbitrary long height, IE 6 */ background-position:top left; } .dialogcontent .b { /* bottom */ position:relative; width:100%; } .dialogcontent .b, .dialogcontent .b div { height:12px; /* height of bottom cap/shade (this is the height of the bottom bit) */ font-size:1px; } .dialogcontent .b { background-position:bottom right; } .dialogcontent .b div { position:relative; width:12px; /* bottom corner width */ margin-left:-12px; background-position:bottom left; } .dialogcontent .hd, .dialogcontent .bd, .dialogcontent .ft { position:relative; } .dialogcontent .wrapper { /* extra content protector - preventing vertical overflow (past background) */ position:static; max-height:20000px; overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ } .dialogcontent h1, .dialogcontent p { margin:0px; /* margins will blow out backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .dialogcontent h1 { padding-bottom:0px; } .scrollbar { border : none; width : 297px; height : 500px; overflow : auto; padding-right : 0px; scrollbar-face-color: #F0F5D0; } .scrollbar1 { border : none; width : 750px; height : 50px; overflow : auto; } #mainpic { width: 0px; text-align: left; position: relative; top: 500; left: 500; margin-top: -485px; margin-left: 0px; z-index: 2 } #mainpic3 { width: 0px; text-align: left; position: relative; top: 500; left: 657; margin-top: -450px; margin-left: 0px; z-index: 2 } #mainpic2 { width: 962px; text-align: left; position: absolute; top: 50%; left: 50%; margin-top: -370px; margin-left: 157px; z-index: 2 } #mainpic1 { width: 20px; text-align: left; position: relative; top: 10px; left: 400px; margin-left: 0px; margin-top: 0px; } .tablebgcolor2 { background : #999999; } .tablefgcolor2 { background : #ffffff; } #dropmenudiv { position : absolute; font : normal 12px arial; z-index : 100; text-decoration : none; width : 210px; top : 0; padding-top : 2px; padding-bottom : 0; height : 70px; } #dropmenudiv a { background-image : url('images/button_long.jpg'); background-repeat : no-repeat; padding : 5px; line-height : 18px; display : list-item; font : normal 12px arial; color : #808080; text-indent : 0; text-align : left; text-decoration : none; width : 150px; padding-right : 5px; padding-left : 20px; padding-top : 5px; padding-bottom : 5px; font-weight : bold; height : 25px; } #dropmenudiv a:hover { background-image : url('images/button_long.jpg'); background-repeat : no-repeat; color : #4D4B3D; text-decoration : none; width : 150px; padding-right : 5px; padding-left : 20px; padding-top : 5px; padding-bottom : 5px; font-weight : bold; height : 25px; } #main { width : 782px; position : relative; margin : 0 auto; background-image : url(images/top.jpg); background-position : top 0%; background-repeat : repeat-x; } .intext2 { font-family : tahoma, arial, verdana; font-size : 11px; color : #848484; padding-left : 4px; border-style : solid; border-width : 1px; border-color : #848484; } body { background : #C0C0C0; } .body { background : #C0C0C0; } body.admin { background : #cccccc; } .largeboldadmin { font-family : tahoma, arial, verdana, helvetica; font-size : 20px; color : #000000; text-decoration : none; } .adminbold { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #000000; text-decoration : none; font-weight : bold; } .menucell { cursor : default; background : ButtonFace; padding : 1px 1px 2px 1px; border : 1px solid; border-color : ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; } .admintext { font-family : tahoma, arial, verdana, helvetica; font-size : 10pt; color : #000000; } .header { font-family : tahoma, arial, verdana, helvetica; font-size : 20px; color : #73B828; text-decoration : none; font-weight : bold; } .mednormal { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #202020; text-decoration : none; font-weight : normal; } .text { font-family : arial, verdana, helvetica font-size : 10px; color : #FFFFFF; } .pricetext { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #9C9C1C; } .td { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; } td { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; } p { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; } .strong { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; font-weight : bold; } strong { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; font-weight : bold; } .message { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; font-weight : bold; } .p { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; } p { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #202020; } .h1 { font-family : tahoma, tahoma, arial, verdana, helvetica font-size : 20px; color : #000000; margin : 0; } h1 { font-family : tahoma, arial, verdana, helvetica; font-size : 20px; color : #000000; margin : 0; } .h2 { font-family : tahoma, arial, verdana, helvetica; font-size : 16px; color : #000000; margin : 0; } h2 { font-family : tahoma, arial, verdana, helvetica; font-size : 16px; color : #000000; margin : 0; } .h3 { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; margin : 0; } h3 { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; margin : 0; } .h4 { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #000000; margin : 0; } h4 { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #000000; margin : 0; } .smalltext { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #FFFFFF; } .largebold { font-family : tahoma, arial, verdana, helvetica; font-size : 20px; color : #000000; text-decoration : none; font-weight : bold; } .footer { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #404040; } .immediasite { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; font-weight : normal; color : #FFFFFF; padding-bottom : 0; } .whitebold { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; font-weight : bold; } .table { font-family : tahoma, Verdana, Arial, Helvetica; font-size : 10px; } .tablebgcolor { background : #F0F5D0; } .tablefgcolor { background : #4D4B3D; } .outertablebgcolor1 { border-color : #cccccc; border-width : 1px; border-style : solid; padding : 3px; } .outertablebgcolor { border-color : #ffffff; border-width : 0; border-style : solid; padding : 0px; } .tabletext { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; font-weight : normal; } A.tabletext:link { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; font-weight : bold; } A.tabletext:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; font-weight : bold; } A.tabletext:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : underline; font-weight : bold; } A.tabletext:active { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; font-weight : bold; } .headertext { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; font-weight : normal; } A.headertext:link { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; font-weight : bold; } A.headertext:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; font-weight : bold; } A.headertext:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : underline; font-weight : bold; } A.headertext:active { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; font-weight : bold; } A.whitetext:link { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; padding : 0; } A.whitetext:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; padding : 0; } A.whitetext:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : underline; padding : 0; } A.whitetext:active { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #ffffff; text-decoration : none; padding : 0; } .addtocart { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; background : #ececec; font-weight : bold; } A.addtocart:link { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; text-decoration : none; padding-right : 5px; padding-left : 5px; padding-top : 5px; padding-bottom : 5px; background-repeat : no-repeat; font-weight : bold; } A.addtocart:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; text-decoration : none; padding-right : 5px; padding-left : 5px; padding-top : 5px; padding-bottom : 5px; background-repeat : no-repeat; font-weight : bold; } A.addtocart:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; text-decoration : underline; padding-right : 5px; padding-left : 5px; padding-top : 5px; padding-bottom : 5px; background-repeat : no-repeat; font-weight : bold; } A.addtocart:active { font-family : tahoma, arial, verdana, helvetica; font-size : 14px; color : #000000; text-decoration : none; padding-right : 5px; padding-left : 5px; padding-top : 5px; padding-bottom : 5px; background-repeat : no-repeat; font-weight : bold; } .tabletextmenu { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; } A.tabletextmenu:link { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } A.tabletextmenu:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } A.tabletextmenu:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; text-decoration : underline; } A.tabletextmenu:active { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } .input { background : #4D4B3D; border-color : #4D4B3D; outline-color : #4D4B3D; border-width : 1px; border-style : solid; color : #F0F5D0; font-weight : bold; font-style : normal; font-size : 9px; font-family : verdana, arial, helvetica; padding : 0; margin : 0; } .input1 { background : #F0F5D0; border-color : #4D4B3D; outline-color : #4D4B3D; border-width : 1px; border-style : solid; color : #4D4B3D; font-weight : bold; font-style : normal; font-size : 9px; font-family : verdana, arial, helvetica; padding : 0; margin : 0; } .search { background : #ffffff; border-color : #cccccc; border-width : 1px; border-style : solid; color : #000000; font-weight : normal; font-style : normal; font-size : 12px; font-family : verdana, arial, helvetica; padding : 1px; margin : 0; height : 19px; } .textarea { background : #ffffff; border-color : #cccccc; border-style : solid; border-width : 1px; color : #000000; font-weight : normal; font-style : normal; font-size : 10px; font-family : arial, tahoma, verdana, helvetica; padding : 3px; } A:link { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } A:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } A:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : underline; } A:active { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; } .crumbtext { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; font-weight : bold; color : #000000; padding-bottom : 10px; } A.crumb:link { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; padding : 0; } A.crumb:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; padding : 0; } A.crumb:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #c0c0c0; text-decoration : underline; padding : 0; } A.crumb:active { font-family : tahoma, arial, verdana, helvetica; font-size : 10px; color : #000000; text-decoration : none; padding : 0; } A.nav:link { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.nav:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.nav:hover { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : underline; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.nav:active { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.navnews:link { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.navnews:visited { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.navnews:hover { font-family : tahoma, arial, verdana, helvetica;; font-size : 12px; color : #333333; font-weight : bold; text-decoration : underline; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.navnews:active { font-family : tahoma, arial, verdana, helvetica; font-size : 12px; color : #333333; font-weight : bold; text-decoration : none; line-height : 14px; padding-right : 0; padding-left : 0; padding-top : 0; padding-bottom : 0; } A.topnav:link { font-family: tahoma, arial, helvetica; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 14px; height: 30px; padding-right: 0px; padding-left: 0px; padding-top: 4px; padding-bottom: 0px; width: 105px; position : relative; } A.topnav:visited { font-family: tahoma, arial, helvetica; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 14px; height: 30px; padding-right: 0px; padding-left: 0px; padding-top: 4px; padding-bottom: 0px; width: 105px; position : relative; } A.topnav:hover { font-family: tahoma, arial, helvetica; font-size: 12px; color: #FFFF00; font-weight: bold; text-decoration: none; line-height: 14px; height: 30px; padding-right: 0px; padding-left: 0px; padding-top: 4px; padding-bottom: 0px; width: 105px; position : relative; } A.topnav:active { font-family: tahoma, arial, helvetica; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 14px; height: 30px; padding-right: 0px; padding-left: 0px; padding-top: 4px; padding-bottom: 0px; width: 105px; position : relative; } A.topnav1:link { font-family: tahoma, arial, helvetica; font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none; line-height: 14px; height: 56px; padding-right: 0px; padding-left: 0px; padding-top: 6px; padding-bottom: 0px; text-align: center; float:center; width: 119px; } A.topnav1:visited { font-family: tahoma, arial, helvetica; font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none; line-height: 14px; height: 56px; padding-right: 0px; padding-left: 0px; padding-top: 6px; padding-bottom: 0px; text-align: center; float:center; width: 119px; } A.topnav1:hover { font-family: tahoma, arial, helvetica; font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none; line-height: 14px; height: 56px; padding-right: 0px; padding-left: 0px; padding-top: 6px; padding-bottom: 0px; text-align: center; float:center; width: 119px; } A.topnav1:active { font-family: tahoma, arial, helvetica; font-size: 12px; color: #CCCCCC; font-weight: bold; text-decoration: none; line-height: 14px; height: 56px; padding-right: 0px; padding-left: 0px; padding-top: 6px; padding-bottom: 0px; text-align: center; float:center; width: 119px; } A.bottomnav:link { font-family : arial, helvetica; font-size : 12px; color: #FFFFFF; font-weight: bold; padding-right: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 0px; text-decoration : none; line-height : 30px; } A.bottomnav:visited { font-family : arial, helvetica; font-size : 12px; color: #FFFFFF; font-weight: bold; padding-right: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 0px; text-decoration : none; line-height : 30px; } A.bottomnav:hover { font-family : arial, helvetica; font-size : 12px; color: #FEED00; font-weight: bold; padding-right: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 0px; text-decoration : none; line-height : 30px; } A.bottomnav:active { font-family : arial, helvetica; font-size : 12px; color: #FFFFFF; font-weight: bold; padding-right: 0px; padding-left: 0px; padding-top: 30px; padding-bottom: 0px; text-decoration : none; line-height : 30px; } A.immediasite:link { font-family : arial, helvetica; font-size : 10px; color : #cccccc; font-weight : normal; text-decoration : none; line-height : 10px; padding : 3px 3px 3px 3px; } A.immediasite:visited { font-family : arial, helvetica; font-size : 10px; color : #cccccc; font-weight : normal; text-decoration : none; line-height : 10px; padding : 3px 3px 3px 3px; } A.immediasite:hover { font-family : arial, helvetica; font-size : 10px; color : #cccccc; font-weight : normal; text-decoration : underline; line-height : 10px; padding : 13px 3px 3px 3px; } A.immediasite:active { font-family : arial, helvetica; font-size : 10px; color : #cccccc; font-weight : normal; text-decoration : none; line-height : 10px; padding : 3px 3px 3px 3px; } A.sidenav:link { font-family: tahoma, arial, helvetica; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 30px; height: 30px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 3px; width: 190px; float : left; background-image: url('images/buttons/button_off1.gif'); background-repeat: no-repeat; background-position: center; float:center;} A.sidenav:visited { font-family: tahoma, arial, helvetica; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 30px; height: 30px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 3px; width: 190px; float : left; background-image: url('images/buttons/button_off1.gif'); background-repeat: no-repeat; background-position: center; float:center;} A.sidenav:hover { font-family: tahoma, arial, helvetica; font-size: 10px; color: #FFFF00; font-weight: bold; text-decoration: none; line-height: 30px; height: 30px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 3px; width: 190px; float : left; background-image: url('images/buttons/button_on1.gif'); background-repeat: no-repeat; background-position: center; float:center;} A.sidenav:active { font-family: tahoma, arial, helvetica; font-size: 10px; color: #FFFFFF; font-weight: bold; text-decoration: none; line-height: 30px; height: 30px; padding-right: 10px; padding-left: 10px; padding-top: 0px; padding-bottom: 3px; width: 190px; float : left; background-image: url('images/buttons/button_off1.gif'); background-repeat: no-repeat; background-position: center; float:center;}