/*   dilemna css   */ 
 
body {background-image:url('webimages/query.jpg'); color:#333333;} 

span.c1 {font-family: arial, verdana, serif; font-size: 15px; color: #303030}
span.c1small {font-family: arial, verdana, serif; font-size: 13px; color: #333333}
span.c1red {font-family: arial, verdana, serif; font-size: 15px; color: #660000}
span.c1green {font-family: comic sans ms, arial, verdana, serif; font-size: 15px; color: #004400}
span.c1greenred {font-family: comic sans ms, arial, verdana, serif; font-size: 15px; color: #660000}

H3 {font-family: arial, verdana, serif; color: #666666}

.img-right { float:right; margin: 5px 5px 15px 15px; }
.img-left { float:left; margin: 5px 15px 5px 5px; }
.center {text-align: center; font: normal 13px arial; color:#666;}
.align-left { float:left; margin: 2px;}
.align-right { float:right; margin: 2px;}

A.nav4 {color: #000066;	font: 15px arial, sans-serif; text-decoration:NONE;}
A:visited.nav4 {color: #000066;	font: 15px arial, sans-serif; text-decoration:NONE;}
A:hover.nav4 {color: #990000;}

A:link.b1 { color: #FFFFFF; font-family: arial, verdana, serif; font-size: 13px; text-decoration:none;}
A:hover.b1 { color: #ffcc00; font-family: arial, verdana, serif; font-size: 13px; text-decoration:none;}
A:active.b1 { color: #ffcc00; font-family: arial, verdana, serif; font-size: 13px; text-decoration:none;}
A:visited { color: #FFFFFF; font-family: arial, verdana, serif; font-size: 13px; text-decoration:none;}

hr {width: 90%; margin: auto; color: #efefef;}

.eightycap {width: 86%; margin: auto; background-color: #CCCCFF; padding: 8px;}
.eightymen {width: 86%; margin: auto; background-color: #FFFFCC; padding: 8px;}
.eightyladies {width: 86%; margin: auto; background-color: #FFCCCC; padding: 8px;}

#nav1{
 margin-top: 1em;
 margin-bottom: 0.5em;
 }
#nav1 ul {
 background-color: green;
 background-image:url('webimages/boxbg.jpeg');
 margin-left: 0;
 padding-left: 0;
 padding-top: 8px;
 padding-bottom: 8px;
 border-bottom: 1px solid green
 }

#nav1 li {
 list-style-type: none;
 padding: 0.25em 1em;
 border-left: 1px solid green;
 display: inline
 }

 #nav1 li:first-child {
 border: none;
 }

.dilemna {
 border-radius: 6px;
 border-collapse:separate;
 border: 1px solid #cc9933;
 margin: auto;
 padding: 16px;
 width: 960px;
 border-spacing: 5px;
 background: #ffffff;
 background-color: #ffffff;
  }
 fieldset.orderform {
-moz-border-radius:8px;  
  border-radius: 8px;  
  -webkit-border-radius: 8px;  
   margin: auto;
border: 1px solid #000066;
width: 320px;
background: #efefef;
 font-family: verdana, arial, sans-serif;
  font-size:13px;
}
legend
{
-moz-border-radius:5px;  
  border-radius: 5px;  
  -webkit-border-radius: 5px;
color: #000;
background: #ffc758;
border: 1px solid #333333;
font-family: arial; 
font-size: 13px;
padding: 2px 6px
} 
fieldset.enquiry {
-moz-border-radius:8px;  
  border-radius: 8px;  
  -webkit-border-radius: 8px;  
border: 1px solid #666666;
width: 320px;
margin: auto;
background: #eeeeee;
background-image:url('webimages/bgcheck.jpg');
}
  
  #HCB_comment_box textarea {
  
}

/* the entire html comment box container. applies to everything */
#HCB_comment_box {
width: 300px;
background-color:#ffffcc;
padding: 4px;
}

#HCB_comment_box p.error {
  border: 4px solid #f88;
  background-color: #fee;
  color: #800;
}

#HCB_comment_box textarea, #HCB_comment_box input.text {
  border: 1px solid #ddd;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: url(bg.png) repeat-x;
}

#HCB_comment_box .hcb-wrapper-half {
  display:block;
  width:97%;
 }
#HCB_comment_box .hcb-wrapper {
  clear:both;
  margin-bottom:0.5em;
   width:97%;
}
#HCB_comment_box input.text {
  display:block;
  width:97%;
  
}
/* the submit button */
#HCB_comment_box input.submit {
    margin:0 7px 3px 0;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    font-family: verdana, arial, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#HCB_comment_box input.submit:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

#HCB_comment_box span.home-desc {
  opacity:0.4;
}

/* the individual comment display containers */
#HCB_comment_box div.comment {
  border-top:1px solid #eee;
  margin-bottom:0.5em;
  font-family: verdana, arial, sans-serif;
  font-size:11px;
  font-style: italic;
}

/* the moderator message */
.hcb-mod  b{
  color:darkblue;
}

/* next, prev, ok and x link style */
.hcb-link {
  color:black;
  text-decoration:underline;
}
  .googleright {
  margin: 5px; 
  float: right;
  }
  .toprightimage {
  float:right; margin: 5px 5px 5px 5px;
  }
  .amazonleft {
  .align-left { float:left; margin: 8px;}
  }
  .shopimage {
  float:right; margin: 5px 5px 5px 5px;
  }
  .kirbyimage {
  float:right; margin: 5px 5px 5px 5px;
  }
   .youtuberight {
  float:right; margin: 5px 5px 5px 5px;
  }
  .youtubeleft {
  float:left; margin: 5px 5px 5px 5px;
  }
  .tabletop {
  vertical-align: text-top;
  }
  .sidecomments {
  visibility: visible;
  }
  .bottomcomments {
 display: none;
  }