/* STYLE SHEET FOR ZIP-CART.COM */

BODY{font-family:Tahoma,Verdana;font-size:12px;color:#222222}

TABLE{font-family:Tahoma,Verdana;font-size:12px;color:#222222}
TABLE.frame{background-color:#f6f6f6}


TR,TD{font-size:12px;color:#222222}
TR.capc{background-color:#d5d5d5;font-weight:bold}
TR.trac{background-color:#d5d5e2;padding:0;font-size:12px;}
TR.data{background-color:#F0F0F0;text-align:left;vertical-align:top}
TR.line{background-color:#d5d5d5}
TH.head{height:28px;background-color:#4d4d4d;color:#ffffff;font-size:15px;font-weight:bold}
TD.head{background-color:#4d4d4d;color:#ffffff;font-size:12px;text-align:center;vertical-align:middle}
TH.menu{height:28px;background-color:#4d4d4d;color:#ffffff;font-size:13px;font-weight:bold}
TD.menu{background-color:#eeeeee;color:#222222;font-size:12px;text-align:center;vertical-align:middle}
TH.menutop{background-color:#FFFFFF;color:#222222;font-size:12px;font-weight:bold}
TD.menutop{background-color:#FFFFFF;color:#222222;font-size:12px;text-align:center;vertical-align:middle}
TD.capc{background-color:#d5d5d5;font-weight:bold}
TD.capsc{background-color:#e3e3e3;font-weight:bold}  /* SHOPPING CART version of TD.capc */
TD.trac{background-color:#d5d5d5;font-size:12px;font-weight:bold}
TD.item{background-color:#d5d5d5;text-align:right}
TD.data{background-color:#F0F0F0;color:#000000}
TD.datasc{background-color:#F0F0F0;color:#000000}  /* SHOPPING CART version of TD.capc */
TD.area{font-size:15px;color:#222222;font-weight:bold}
TD.sect{background-color:#898989;color:#ffffff;font-size:14px;font-weight:bold}
TD.erro{background-color:#FFDDDD;color:#990000;font-weight:bold;padding:7px 12px 7px 12px;text-align:center;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AA0000;
	border-bottom-color: #AA0000;
}
TD.save{background-color:#ddffdd;color:#009900;font-weight:bold;padding:7px 12px 7px 12px;text-align:center;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00AA00;
	border-bottom-color: #00AA00;
}

FONT{font-family:Tahoma,Verdana;font-size:12px;color:#222222}
FONT.copy{color:#AAAAAA}
FONT.capc{font-size:12px;color:#444444;font-weight:bold}
FONT.trac{font-size:12px;color:#444444;}
FONT.hint{color:#660000}
FONT.help{font-size:10px;color:#666677}
FONT.data{color:#222222}

A{font-family:Tahoma,Verdana;color:#222222;text-decoration:none}
A:hover{color:#0000CC}
A.mark{color:#BC0000;font-weight:bold}  /* test this ine -- is it the LH Menu ACTIVE? */
A.markadmin{color:#333333}
A.capc{color:#222222}
A.trac{color:#222222}

INPUT,SELECT{font-family:Tahoma,Verdana;font-size:12px}
TEXTAREA{font-family:Courier, Courier New;font-size:12px}
/* INPUT.flat = PLAIN text field */
INPUT.flat{border:1px solid #AAAAAC;color:#222222}
/* INPUT.send = GREEN button for sending or submitting */
INPUT.send{border:1px solid #009474;background-color:#009474;color:#ffffff;cursor:hand;font-weight:normal}
/* INPUT.sendred = RED button for cancelling */
INPUT.sendred{border:1px solid #bc0000;background-color:#bc0000;color:#ffffff;cursor:hand;font-weight:normal}
/* INPUT.sendblue = BLUE button for SEARCH, OPEN or RETURN */
INPUT.sendblue{border:1px solid #1053b2;background-color:#1053b2;color:#ffffff;cursor:hand;font-weight:normal}
/* INPUT.sendamber = AMBER button for RESET, CLEAR or ? */
INPUT.sendamber{border:1px solid #f59f00;background-color:#f59f00;color:#ffffff;cursor:hand;font-weight:normal}
/* INPUT.sendgrey = GREY button for REDIRECTING or TAG INSERT */
INPUT.sendgrey{border:1px solid #9999AA;background-color:#9999AA;color:#ffffff;cursor:hand;font-weight:normal}
/* INPUT.sendtest = PURPLE button for SCRIPT TESTING */
INPUT.sendtest{border:1px solid #990099;background-color:#990099;color:#ffffff;cursor:hand;font-weight:normal}

INPUT.cbox{border:0px;background-color:#DDDDDE;cursor:hand}

BLOCKQUOTE.hint{margin:0px 0px 0px 20px}

IMG.imgs{border:1px solid #C2C2C2}

/* Yellow bullets for top menu and footer menu */
.yelodot {color: #FFDD00; font-weight: bold}


/* These are the defaults for all links. */
a:link {
	color: #0000CC;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: none;
}
a:active {
	color: #CC0000;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: none;
}

/* Font settings for the header strip (product name). */
.header {
	font-size: 18px;
	font-weight: bold;
	word-spacing: -0.04em;
	letter-spacing: -0.02em;
}

/* Settings for COLOURED headlines. */
.h1c, .h2c, .h3c, .h4c, .h5c, .h6c { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: bold; word-spacing: -0.04em; letter-spacing: -0.02em}
.h1c { font-size: 30px}
.h2c { font-size: 27px}
.h3c { font-size: 24px}
.h4c { font-size: 18px}
.h5c { font-size: 15px}
.h6c { font-size: 12px}

/* Settings for BLACK headlines. */
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	word-spacing: -0.04em;
	letter-spacing: -0.02em;
}
.h1 { font-size: 30px}
.h2 { font-size: 27px}
.h3 { font-size: 24px}
.h4 { font-size: 18px}
.h5 { font-size: 15px}
.h6 { font-size: 12px}

/* Font settings for RED headlines. */
.h1r, .h2r, .h3r, .h4r, .h5r, .h6r { 
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	word-spacing: -0.02em;
	letter-spacing: -0.01em;
}
.h1r { font-size: 30px}
.h2r { font-size: 27px}
.h3r { font-size: 24px}
.h4r { font-size: 18px}
.h5r { font-size: 15px}
.h6r { font-size: 12px}


/* SUPER headlines - BLACK */
.headline84, .headline72, .headline66, .headline60, .headline54, .headline48, .headline42, .headline36, .headline30	{
font-family: Impact;  color: #000000; line-height: 110%; word-spacing: -0.025em; letter-spacing: -0.025em}
.headline84	{ font-size: 84px; line-height: 84px}
.headline72	{ font-size: 72px; line-height: 72px}
.headline66	{ font-size: 66px; line-height: 66px}
.headline60	{ font-size: 60px; line-height: 60px}
.headline54	{ font-size: 54px; line-height: 54px}
.headline48	{ font-size: 48px; line-height: 48px}
.headline42	{ font-size: 42px; line-height: 42px}
.headline36	{ font-size: 36px; line-height: 36px}
.headline30	{ font-size: 30px; line-height: 30px}

/* SUPER headlines - colored */
.headline84c, .headline72c, .headline66c, .headline60c, .headline54c, .headline48c, .headline42c, .headline36c, .headline30c	{
font-family: Impact; line-height: 110%; word-spacing: -0.025em; letter-spacing: -0.025em}
.headline84c	{ font-size: 84px; line-height: 84px}
.headline72c	{ font-size: 72px; line-height: 72px}
.headline66c	{ font-size: 66px; line-height: 66px}
.headline60c	{ font-size: 60px; line-height: 60px}
.headline54c	{ font-size: 54px; line-height: 54px}
.headline48c	{ font-size: 48px; line-height: 48px}
.headline42c	{ font-size: 42px; line-height: 42px}
.headline36c	{ font-size: 36px; line-height: 36px}
.headline30c	{ font-size: 30px; line-height: 30px}

/* Font settings for RED SUPER headlines */
.headline84r, .headline72r, .headline66r, .headline60r, .headline54r, .headline48r, .headline42r, .headline36r, .headline30r	{
font-family: Impact;  color: #bc0000; line-height: 110%; word-spacing: -0.025em; letter-spacing: -0.025em}
.headline84r	{ font-size: 84px; line-height: 84px}
.headline72r	{ font-size: 72px; line-height: 72px}
.headline66r	{ font-size: 66px; line-height: 66px}
.headline60r	{ font-size: 60px; line-height: 60px}
.headline54r	{ font-size: 54px; line-height: 54px}
.headline48r	{ font-size: 48px; line-height: 48px}
.headline42r	{ font-size: 42px; line-height: 42px}
.headline36r	{ font-size: 36px; line-height: 36px}
.headline30r	{ font-size: 30px; line-height: 30px}


/* Settings for text sizes. */
.size20 { font-size: 20px}
.size18 { font-size: 18px}
.size16 { font-size: 16px}
.size14 { font-size: 14px}
.size13 { font-size: 13px}
.size12 { font-size: 12px}
.size11 { font-size: 11px}
.size10 { font-size: 10px}
.size9 { font-size: 9px}

/* Settings for LARGE links (eg: download links). */
.biglink {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

/* Settings for PRE-SET Margins  */

.margintop10	{ margin-top: 10px}
.marginleft10	{ margin-left: 10px}
.marginright10	{ margin-right: 10px}
.marginbottom10	{ margin-bottom: 10px}
.margintop7		{ margin-top: 7px}
.marginleft7	{ margin-left: 7px}
.marginright7	{ margin-right: 7px}
.marginbottom7	{ margin-bottom: 7px}
.margintop3		{ margin-top: 3px}
.marginleft3	{ margin-left: 3px}
.marginright3	{ margin-right: 3px}
.marginbottom3	{ margin-bottom: 3px}


/* Setting for PRE-SET padding (from left margin) */

.padleft10	{ padding-left: 10px}
.padleft30	{ padding-left: 30px}
.padleft60	{ padding-left: 60px}


/*  Color settings for RED headlines. */
.h1r, .h2r, .h3r, .h4r, .h5r, .h6r, .headline84r, .headline72r, .headline66r, .headline60r, .headline54r, .headline48r, .headline42r, .headline36r, .headline30r { color: #bc0000}  /* <<<- CHANGE THIS */


/*  Color settings for general text (any size or font) -- DO NOT CHANGE THESE!  */
/*  You can use these pre-set color classes with any text or headings by adding them to the class tags, like these examples:  */
/*  <p align="left" class="color-blue">  */
/*  <span class="size12 color-orange">  */

.color-white	{ color:#ffffff}
.color-black	{ color:#000000}
.color-grey-lite	{ color:#cccccc}
.color-grey-mid	{ color:#999999}
.color-grey-dark	{ color:#666666}
.color-blue	{ color:#0000cc}
.color-red	{ color:#bc0000}
.color-orange	{ color:#ff6600}
.color-plum	{ color:#660066}
.color-purple	{ color:#990099}
.color-magenta	{ color:#cc00cc}

/* Highlight background color */

.highlight { background-color: #FFFF66}