
body{
  background-color: #FFFFFF;
  font-family: arial,helvetica,verdana;
  font-size:12px;
  color: #666666;
   text-align: center;
   margin: 0;
   margin-bottom:10px;
}

div#container
{
   width: 950px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   margin-bottom:10px;
}

.wrapper{
  width:985px;
}

a:visited{
  color: #666666;
}

a{
  color: #444444;
 /* text-decoration: none; */
}

a:hover{
  color: #FF9900;
}

.header{
 /* border: 1px solid #AAAAAA;  */

}

.header-left{
  padding-left:4px;
  padding-right:4px;
}

.header-center{
  padding-left:4px;
  padding-right:4px;
}

.header-right{
  padding:2px;
  padding-right:10px;
  margin:3px;
}


h1.header-name{
  border:2px outset #FF0000;
  background-color: #FF0000;
  padding-left:10px;
  padding-right:10px;
  padding-top:4px;
  padding-bottom:4px;
  margin:3px;
  font-family:verdana,times new roman;
  font-size:24px;
  font-weight:bold;
  color:#FFFFFF;
}

h3.header-slogan{
  border:1px solid #AAAAAA;
  background-color: #FFFFFF;
  padding:2px;
  padding-right:10px;
  margin:3px;
  font-family:arial;
  font-size:22px;
  font-weight:bold;
  font-style: italic;
  color:#444444;
}

h3.header-url{
/*  border:1px solid #444444;
  background-color: #EEEEEE;*/
  padding:2px;
  padding-right:10px;
  margin:3px;
  font-family:verdana;
  font-size:18px;
  font-weight:bold;
  color:#FF6600;
}

.header-nav{
  font-family: arial,helvetica,verdana;
  font-size:12px;
  font-weight:bold;
  color: #FFFFFF;
  background-color:#FF0000;

  border-top: 0px solid #666666;
  border-bottom: 0px solid #000000;
  padding-top:2px;
  padding-bottom:4px;
}

.header-nav a:visited{
  color:#FFFFFF;
  text-decoration:none;
}

.header-nav a{
  color:#FFFFFF;
  text-decoration:none;
}

.header-nav a:hover{
  color:#99FF00;
}

#TabMenu1
{
   float: left;
   width: 100%;
   font-family: Arial;
   font-size: 13px;
   line-height: normal;
 /*  border-bottom: 1px solid #5A7394;    */
}
#TabMenu1 ul
{
   margin: 0;
   padding: 10px 0px 3px 10px;
   list-style: none;
}
#TabMenu1 li
{
   display: inline;
   margin: 0;
   padding: 0;
}
#TabMenu1 a
{
   float: left;
   background: url("images/style14left.gif") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}
#TabMenu1 a span
{
   float: none;
   display: block;
   background: url("images/style14right.gif") no-repeat right top;   /* background-position: 100% -42px;   */
   padding: 5px 15px 4px 6px;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
}
#TabMenu1 a:hover span
{
   background-position: 100% -42px;
   color: #FFCC00;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}
#TabMenu1 a:hover
{
   background-position: 0% -42px;
}
#TabMenu1 #active a
{
   background-position: 0% -84px;
}
#TabMenu1 #active a span
{
   background-position: 100% -84px;
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: none;
}



.col_left{
 width:220px;
}

.col_center{
  padding:4px;
  color:#444444;

}
.col_right{
 width:200px;
}

/* breadcumb box */
#bread_crumb{
  position:absolute;
  left:10px;
  top:136px;
  width:918px;
  height:18px;
  z-index:1;
  padding-top:4px;
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0066CC;
  border-left:1px solid #0000CC;
  border-top:1px solid #0066CC;  /**/
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;

/*  background-image: url('images/blue-bar-bg.png');
  background-position: left top;
  background-repeat: repeat-x;*/
}
/* triple prods */
#main_box1{
  position:absolute;
  left:7px;
  top:162px;
  width:618px;
  height:142px;
  z-index:10;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
  border:0px solid #FF6600;
  background-color:#FFFFFF;/*#F2FFE6;#FFE1C4;*/
}
/* front page box menu */
#main_box2{
  position:absolute;
  left:8px;
  top:326px;
  width:610px;
  height:225px;
  z-index:7;
 /* border:1px solid #AAAAAA;  */
  border:4px solid #FF6600;
  padding-top:0px;
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight: bold;
  color:#006666;
  background-color:#F8F8F8;
/*  background-image: url('images/blue-bar-bg.png');
  background-position: left top;
  background-repeat: repeat-x;*/
}

#menu_heading{
  margin-top:0px;
  padding:4px;
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0066CC;     /*
  border-left:1px solid #AAAAAA;
  border-top:1px solid #AAAAAA;
  border-right:1px solid #000000;*/
  border-bottom:1px solid #000000;
}
   /* skinny wide */
#main_box3{
  position:absolute;
  left:8px;
  top:566px;
  width:610px;
  height:183px;
  z-index:6;       /*
-moz-border-radius: 14px;
-webkit-border-radius: 14px;*/
  border:2px solid #0000FF;

  color:#777777;
  padding-top:1px; /* border:2px dotted #FF6600;*/
  background-color:#FFFFFF;/*#F8F8F8;*/
}
    /*  f box */
#main_box4{
  position:absolute;
  left:8px;
  top:444px;/*440px;*/
  width:208px;
  height:520px;
  z-index:7;         /*
-moz-border-radius: 14px;
-webkit-border-radius: 14px;*/
  border:4px solid #0000CC;
  color:#777777;
  padding-top:4px; /* border:2px dotted #FF6600;*/
}


/* front page right top box  */
#col_box1{
  position:absolute;
  left:644px;
  top:168px;
  width:300px;
  height:180px;
  z-index:2;
  border:2px solid #0000CC;
  font-family: arial,helvetica,verdana;
  font-size:14px;
  font-weight:bold;
  color:#CC6600;
  background-color:#F8F8F8;
/*  background-image: url('images/bg-gradient.gif');
  background-position: left top;
  background-repeat: repeat-x;*/
}

#col_box2{
  position:absolute;
  left:643px;
  top:362px;
  width:300px;
  height:120px;
  z-index:3;
  border:2px solid #0000CC;
}

#col_box3{
  position:absolute;
  left:643px;
  top:496px;
  width:300px;
  height:120px;
  z-index:4;
  border:2px solid #0000CC;
}

#col_box4{
  position:absolute;
  left:643px;
  top:628px;
  width:300px;
  height:120px;
  z-index:5;
  border:2px solid #0000CC;
}


.col-box-title{
  font-family: arial,helvetica,verdana;
  font-size:14px;
  font-weight:bold;
  color:#CC6600;
}

.col-box-price{
  font-family: arial,helvetica,verdana;
  font-size:18px;
  font-weight:bold;
  color:#009999;
}

.menu-box{
  font-family: arial,helvetica,verdana;
  font-size:9px;
  font-weight:bold;
 /* border: 1px solid #000000;  */
  border:2px solid #FF6600;
/*  border-top: 0px; */
  width:200px;
  color:#444444;
}

.menu-box-title{
/*  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#FFFFFF;
  background-image: url('images/blue-bar-bg-sm.png');
  background-position: left top;
  background-repeat: repeat-x;
  padding-top:2px;
  padding-bottom:4px;*/
  margin-top:0px;
  padding:4px;
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0066CC;     /*
  border-left:1px solid #AAAAAA;
  border-top:1px solid #AAAAAA;
  border-right:1px solid #000000;*/
  border-bottom:1px solid #000000;
}

.menu-box-menu{
  font-family: arial,helvetica,verdana;
  font-size:9px;
  font-weight:bold;
  line-height:1.5em;
  background-color:#F8F8F8;
  padding-left:2px;
  padding-bottom:6px;
}

.ad-box{
  font-family: arial,helvetica,verdana;
  font-size:9px;
  font-weight:bold;

  border: 1px solid #AAAAAA;
  border-top: 0px;
  width:170px;
  color:#6666FF;
}

.ad-box-title{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#FFFFFF;
  background-color:#0000FF;
/*  border-top: 1px solid #666666;
  border-bottom: 1px solid #000000;
  background-image: url('images/header-bar-red.gif');
  background-position: left;
  background-repeat: repeat-x;  */
  padding-top:2px;
  padding-bottom:4px;
}

.ad-box-menu{
  background-color:#F7F7F7;
  padding-top:4px;
  padding-bottom: 4px;

}
/*MENU LINKS */
.cat_links:visited{
  font-family: verdana,arial,helvetica,verdana;
  font-size:11px;
  color:#222222;
  line-height:1.8em;
 /* text-decoration:none; */
}

.cat_links {
  font-family: verdana,arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color:#000000;
  text-decoration:none; /*
  border-bottom:1px solid #DDDDDD;  */
}

.cat_links:hover{
  font-family: verdana,arial,helvetica,verdana;
  font-size:11px;
  color:#FF6600;
}

.sub_cat_links {
  font-family:verdana;
  font-size:10px;
  font-weight:normal;
  color:#0066FF;
  line-height:1.6em;
 /* border-bottom:1px solid #DDDDDD;
  text-decoration:none; */
}

.sub_cat_links:visited{
  font-family:verdana;
  font-size:10px;
  color:#0066FF;
/*  text-decoration:none; */
}

.sub_cat_links:hover{
  font-family:verdana;
  font-size:10px;

  color:#FF6600;
}

.page-slogan{
  border:1px solid #AAAAAA;
  background-color:#FF0066;
  padding:2px;
  margin:3px;
  font-family:verdana;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
}

.tiny_text_box{
  background-color: #F7F7F7;
  background-position: left;
  background-repeat: repeat-x;
  padding:2px;
  font-family: Verdana;
  font-size:8px;
  font-weight:normal;
  color: #222222;
  border:1px solid #AAAAAA;
  height:60px;
  text-align: justify;
}

.search-box{
  background-color: #F7F7F7;
}


/* ---------------------------- */
.breadcrumb{
  border: 1px solid #AAAAAA;
  margin:3px;
  padding:4px;
}

.breadcrumb-nav{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color: #FFFFFF;
  background-color:#FF6600;
  border:1px solid #444444;
  padding:4px;
}

.breadcrumb-nav a:visited{
  color:#FFFFFF;
  text-decoration:none;
}

.breadcrumb-nav a{
  color:#FFFFFF;
  text-decoration:none;
}

.breadcrumb-nav a:hover{
  color:#99FF00;
}

table.product-list {
  padding:4px;
}

td.product-list {
  padding:4px;
}

.product-box{
  border:2px solid #0000CC;
  padding:2px;
  height:250px;
  width:160px;
}

.product-box-title{
  background-color:#FF0000;
  border-bottom:1px solid #000000;
  height:20px;
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color: #FFFFFF;
  text-align:center;
}

.product-box-image {
  text-align:center;
  padding-top:1px;
}

.product-box-desc {
  text-align:center;
  padding:2px;
}

.product-box-buttons {
  text-align:center;
  padding-top:3px;
}

.product-box-price{
  font-family: arial,helvetica,verdana;
  font-size:16px;
  font-weight:bold;
  color: #990000;
  text-align:center;
}

.prod-link-title{
  font-family: arial,helvetica,verdana;
  font-size:12px;
  font-weight:bold;
  color: #0066CC;
  text-decoration: none;
}

.prod-link{
  font-family: arial,helvetica,verdana;
  font-size:10px;
  color: #777777;
  text-decoration: none;
}

/* triple */
.triple-box{
  margin:2px;
  border:4px solid #0000CC;
  background-color:#FFFFFF;/*#F8F8F8; */
}

.triple-product-box{
  height:145px;
  width:184px;
}

.triple-prod-link{
  font-family: arial,helvetica,verdana;
  font-size:10px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
}

.triple-price{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration: none;
  color:#339900;
}

.triple-name{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration: none;
  color:#006666;
}

/* specials */
.specials-box{
  margin:4px;     /*
-moz-border-radius: 14px;
-webkit-border-radius: 14px;*/
  border:4px solid #0000CC;
  background-color:#F8F8F8;/*#F2FFE6; */
/*  background-image: url('images/bg-gradient.gif');
  background-position: left;
  background-repeat: repeat-x;*/
}

.specials-product-box{
  height:125px;
  width:182px;
}

.specials-prod-link{
  font-family: arial,helvetica,verdana;
  font-size:10px;
  font-weight:bold;
  color: #000000;
  text-decoration: none;
}

.specials-price{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration: none;
  color:#339900;
}

.specials-name{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  text-decoration: none;
  color:#006666;
}
.product-page-break{
  font-family: arial,helvetica,verdana;
  font-size:11px;
  font-weight:bold;
  color: #FFFFFF;
  background-color:#FF6600;
  border:1px solid #444444;
  text-align:right;
  background-image: url('images/blue-bar-bg-sm.png');
  background-position: left top;
  background-repeat: repeat-x;
  padding-top:2px;
  padding-bottom:4px;
}

.product-page-break a:visited{
  color:#FFFFFF;
  text-decoration:none;
}

.product-page-break a{
  color:#FFFFFF;
  text-decoration:none;
}

.product-page-break a:hover{
  color:#FF9900;
}

.product-more{

}

.product-title{
  font-family: arial,helvetica,verdana;
  font-size:20px;
  font-weight:bold;
  color: #7777777;
}

/* -------------------------- load product page------------------ */
.load_product_table{width:100%; background-color: #FFFFFF; border:1px solid #AAAAAA;
padding:2px; text-align:center;

}

.load_product_cell{ font-family:arial; font-size:12px; color:#222222; background-color: #FFFFFF;
white-space:  normal; padding:2px; text-align:center;
}

.load_product_cell a{ font-family:arial; font-size:20px; color:#777777; background-color: #FFFFFF;
white-space:  normal; padding:2px; text-align:center; text-decoration:none;
}

.load_product_cell_right{ font-family:arial; font-size:10px; color:#222222; background-color: #FFCCFF;
white-space:  normal; padding:2px; text-align:center; border:1px solid #000000;
}

.load_product_cell_right a{ font-family:arial; font-size:20px; color:#990000; background-color: #FFFFFF;
white-space:  normal; padding:2px; text-align:center; text-decoration:none;
}
/* product info */
.product-info-desc{ font-family:arial; font-size:12px; color:#222222; background-color: #F9F9F9;
white-space:  normal; padding:4px; text-align:left;  border:1px dashed #AAAAAA;
}

.product-info-right{ font-family:arial; font-size:10px; color:#222222; background-color: #F9F9F9;
white-space:  normal; padding:2px; text-align:center; border:1px solid #000000;
}
  /* form stuff */
#sbi{
  border:1px solid #444444;
  background-color: #FFFFFF;
}

#sbb{
  border-left:1px solid #DDDDDD;
  border-right:1px solid #444444;
  border-top:1px solid #DDDDDD;
  border-bottom:1px solid #444444;
  background-color: #AAAAAA;
}

#sbs{
  border:1px solid #444444;
  background-color: #F7F7F7;
}
#sbt{
  border:1px solid #444444;
  background-color: #F7F7F7;
}

/* round corners */
.dialog {
 width:97%;
 height:90%;
 margin:0px auto;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(cnrs/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(cnrs/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(cnrs/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(cnrs/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000000 url(cnrs/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(cnrs/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(cnrs/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */
.dialog a {
 /* header */
 color:#FFFFFF;
}

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

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";  color:#FFFFFF;
}

html>body .dialog pre {
 font-size:1.1em;
}
