/* CSS Document */

body {
  font-family: Verdana, arial, serif;
  background-image: url("images/template/bg.gif");
  background-repeat: repeat;
  background-color: #CCCCCC;
  color: #000; /* needed to keep the css validator happy */ 
  margin: 10px 0 10px 0; 
  text-align: center; 
  padding: 0; /* incase any crazy users specify in their browser settings they want a padded window.. */ 
}
a { color: #369; text-decoration: underline; }
a:hover { color: #369; text-decoration: none; }
a.hiddenlink { color: #369; text-decoration: none; }
a.hiddenlink:hover { color: #369; text-decoration: underline; }

.smallprint {font-size:9px;}

table {
  font-size: 12px;
}
img.right_border { 
  margin-left: 5px;
  padding: 3px;
  border: 2px solid #ccc;
}
img.left_border { 
  margin-right: 5px;
  padding: 3px;
  border: 2px solid #ccc;
}
img.center_border { 
  margin-right: 5px; margin-left: 5px;
  padding: 3px;
  border: 2px solid #ccc;
}
div#container { 
  margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ 
  width: 750px; 
  border-left: 1px solid #369; border-right: 1px solid #369;
  background: #fff url("images/template/container_backgroundx.gif") repeat-y; 
  color: #000; /* again, for the w3c validator to stop hyperventilating */ 
}
div#header { 
  margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ 
  background: #fff url("images/template/site_01.jpg") no-repeat;
  text-align: center; 
  border-left: 1px solid #369; border-right: 1px solid #369; border-top: 1px solid #369;
  font-size: 36px;
  color: #FFFFFF;
  height: 105px; 
  width: 750px; 
}
div#header a{ 
  color: #FFFFFF;
  text-decoration: none; 
}
div#header a:hover{ 
  color: #FFFFFF;
  text-decoration: underline; 
}
.maintitle {padding-left: 15px; padding-top: 0; padding-bottom: 0; margin: 0; font-weight: bold;}
.subtitle {padding-left: 15px; padding-top: 0; font-weight: bold; font-size: 16px;}

.toplinks {padding-left: 15px; padding-top: 15px; font-weight: bold;}

#main_content { 
  margin: 0 5px 0 4px; 
  padding: 10px; 
  background: url("images/template/content_shadow.gif") repeat-x; 
  color: #000; 
}
#main_content #leftcol { 
  width: 544px; 
  float: left; 
} 
#main_content #rightcol { 
  width: 152px; 
  float: right; 
}
#leftcol .heading { 
  background: url("images/template/leftcol_headingx.gif") no-repeat; 
  text-align: left;
  line-height: 27px; 
  height: 34px; 
  width: 484px; 
} 
#rightcol .heading { 
  color: #FFFFFF;
  height: 25px; 
  width: 152px; 
}
#leftcol .content { 
  background: url("images/template/leftcol_contentx.gif") repeat-y; 
  text-align: left; 
} 
#rightcol .content { 
  background: url("images/template/site_06.jpg") repeat-y; 
  text-align: left; 
}
#rightcol .content a { 
/*  border-bottom:1px dashed #369; */
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  display: block;
  color: #369;
  text-decoration: none; 
}
#rightcol .content a:hover { 
  color: #369;
/*  border-bottom: 1px solid #369;  */
  text-decoration: underline; 
}
#rightcol .content a.shopshow { 
/*  border-bottom:1px dashed #369; */
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
  display: block;
  color: #cc0000;
  text-decoration: none; 
}
#rightcol .content a.shopshow:hover { 
  color: #cc0000;
/*  border-bottom: 1px solid #369;  */
  text-decoration: underline; 
}

#leftcol .cshadow { 
  background: url("images/template/leftcol_cshadowx.gif") no-repeat; 
  height: 10px;
  margin-bottom: 10px; 
} 
#rightcol .cshadow { 
  background: url("images/template/site_08.jpg") no-repeat; 
  height: 10px;
  margin-bottom: 10px; 
}
.clearmeplz { 
  clear: both; 
}
#leftcol .heading { 
  background: url("images/template/leftcol_headingx.gif") no-repeat; 
  height: 29px; /* +5 = 36 */ 
} 
#rightcol .heading { 
  background: url("images/template/site_04.jpg") no-repeat; 
  height: 46px; /* +5 = 36 */ 
} 
.heading { 
  font-family: Verdana; 
  padding-left: 4px; /* take away 4px from the width */ 
  padding-top: 5px; /* take away 5px from the height */ 
  font-weight: bold; 
  color: #369; 
}
#rightcol .es_heading { 
  background: url("images/template/site_04_es.jpg") no-repeat; 
  height: 46px; /* +5 = 36 */ 
} 
.es_heading { 
  font-family: Verdana; 
  padding-left: 4px; /* take away 4px from the width */ 
  padding-top: 5px; /* take away 5px from the height */ 
  font-weight: bold; 
  color: #369; 
}
.content { 
  padding: 5px 10px 5px 10px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt; 
}
#footer { margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ font-family: arial; color: #ccc; font-size: 12px; text-align: center; background: #fff url("images/template/site_10.jpg") no-repeat; height: 56px; width: 750px; 
  border-left: 1px solid #369; border-right: 1px solid #369; border-bottom: 1px solid #369;
}
#footer a { color: #ccc; text-decoration: none;}
#footer a:hover { color: #FFC; text-decoration: none;}

#footermenu { font-weight: bold; font-size: 11px; font-family: arial; padding-right: 5px; padding-top: 42px; float: right; text-align: left; color: #fff;}
#footermenu a { color: #fff; text-decoration: none;}
#footermenu a:hover { color: #fff; text-decoration: none;}

#cnote { font-weight: bold; font-size: 11px; font-family: arial; padding-left: 5px; padding-top: 42px; float: left; text-align: right; color: #fff;}
#cnote a { color: #fff; text-decoration: none;}
#cnote a:hover { color: #fff; text-decoration: underline;}

input.shopbutton { background:#777; font-weight:bold; color:#fff; border:1px solid #777; padding:2px 4px; }
input.shopbutton:hover { background:#333; color:#fff; border:1px solid #777; padding:2px 4px; }

input.cartbutton { background:#fff; font-weight:bold; color:#777; border:1px solid #777; padding:2px 4px; }
input.cartbutton:hover { color:#333; }