/* DOCUMENT */
BODY {background-color: #FFFFFF;margin: 0px;}
SELECT, INPUT, TEXTAREA {font-family: /*Tahoma,*/ Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;}
FORM {margin: 0px;padding: 0px;}
P, TD, BODY{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;color:#000000;}
/* LINKS */
A {color: #ff6c00;font-size: 11px;}
A:hover {color: #44890e;font-size: 11px;}
.darkgrey{color: #4F4F4F;}
.white {color: #FFFFFF;}
.white A{color: #FFFFFF;}
.white A:hover{color: #F6F6F6;}
.green {color: #44890e;}
.green A{color: #44890e;}
.green A:hover{color: #44890e;}
.title {font-size: 14px;font-weight: bold;}
.bold {font-weight: bold;}
.no-dec {text-decoration: none;font-weight: normal;}
.no-dec a{text-decoration: none;font-weight: normal;}
.no-dec a:hover{text-decoration: none;font-weight: normal;}
.list-title {text-decoration: none;font-weight: bold; color: #000000;}
.list-title a{text-decoration: none;font-weight: bold; color: #000000;}
.list-title a:hover{text-decoration: none;font-weight: bold; color: #000000;}
.price {font-size: 14px; color: #FF0000; font-weight: bold;}
.price_highlight{ font:bold 2em georgia,helvetica,arial; color: red; letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */}
.midi {font-size: 10px; font-weight: normal}
.small {font-size: 9px;  font-weight: normal}
.small td{font-size: 9px; font-weight: normal}
.small a{font-size: 9px; font-weight: normal}
.small a:hover{font-size: 9px; font-weight: normal}
.div_vert_dots_light {background:url(/images/bg/div_vert_light.png);background-repeat:repeat-y;width:1px;}
.div_vert_dots_dark {background:url(/images/bg/div_vert_dark.png);background-repeat:repeat-y;width:1px;}
.div_horz_dots_light {background:url(/images/bg/div_horz_light.png);background-repeat:repeat-x;height:1px; padding-bottom: 5px}
table.decoration {border-width: 5px 5px 5px 5px;border-spacing: 5px;border-style: none none none none;border-color: gray gray gray gray;border-collapse: separate;background-color: #D9D9D9;}
table.decoration th {border-width: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;border-style: none none none none;border-color: blue blue blue blue;background-color: white;-moz-border-radius: 0px 0px 0px 0px;}
table.decoration td {border-width: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;border-style: none none none none;border-color: blue blue blue blue;background-color: white;-moz-border-radius: 0px 0px 0px 0px;}
table.basket {border-width: 5px 5px 5px 5px;border-spacing: 5px;border-style: none none none none;border-color: gray gray gray gray;border-collapse: separate;background-color: #D9D9D9;}
table.basket td {border-width: 5px 5px 5px 5px;border-style: none none none none;border-color: blue blue blue blue;background-color: white;-moz-border-radius: 0px 0px 0px 0px;}
.footer {color: #626262; font-weight: bold; text-decoration:none;}
.footer a {color: #626262; font-weight: bold; text-decoration:none;}
.footer a:hover {color: #626262; font-weight: bold; text-decoration:none;}
.footer span {color: #808080; font-weight: normal; font-size: 10px;}
ul.lower-alpha {list-style-type: lower-alpha}
ul.lower-roman {list-style-type: lower-roman;}
/* dialog style */
.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:0;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

h1, h2 {
 font:normal 1em georgia,helvetica,arial;
 color: black;
 letter-spacing:-0.5px; /* it isn't web 2.0 otherwise, right? ;) */
}

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
 padding-top:0.25em;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(/images/bg/box.png) no-repeat top right;
 _background-image:url(/images/bg/box.gif);
}

.dialog .content {
 position:relative;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 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:30px; /* height of bottom cap/shade */
 font-size:1px;
 z-index: -1;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 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;
}