﻿body {font-family: Verdana;font-size: 10pt; }
body.no_marg {margin-bottom:0px;margin-top:0px;margin-left:0px;margin-right:0px; }
hr {color: #DCDCDC; background-color: #DCDCDC; height: 2px; border-style: none; }
hr.50 {width: 50%;color: Gainsboro;font-size: 2px }
table.no_marg {margin-bottom: 0px;margin-top: 0px;margin-left: 0px;margin-right: 0px; }
td {font-family: Verdana;font-size: 11px; }
H1 {font-family: Verdana;font-size: 10pt;font-weight: bold;margin-top: 0px;margin-bottom: 0px; }
H2 {font-family: Verdana;font-size: 10pt;font-weight: normal;margin-top:0px;margin-bottom: 0px; }
H2.L5 {font-family: Verdana;font-size: 10pt;font-weight: normal;margin-top:0px;margin-bottom: 0px;margin-left: 5px; }
H3 {font-family: Verdana;font-size: 9pt;font-weight: normal;margin-top:0px;margin-bottom: 0px; }
H4 {font-family: Verdana;font-size: 8pt;font-weight: bold;margin-top:0px;margin-bottom:0px; }
H5 {font-family: Verdana;font-size: 8pt;font-weight: normal;margin-top:0px;margin-bottom:0px; }
H6 {font-family: Arial;font-size: 7pt;font-weight: normal;margin-top:0px;margin-bottom:0px; }
.marg10 {margin-left:10px;margin-right:10px; }
.v8 {font-family: Verdana;font-size: 8pt; }
.v9 {font-family: Verdana;font-size: 9pt; font-weight:normal; }
.v12px {font-family: Verdana;font-size: 12px; font-weight:normal; }
.tdHead { font-family: Verdana; font-size: 8pt; border: solid 1px Gainsboro; background-color: Gainsboro; }
.tdBody { font-family: Verdana; font-size: 8pt; border: solid 1px Gainsboro; }
.gssPurple { color: #330099; font-weight: bold; }
pre { font-family: Arial; font-size: 8pt }

/* -------------------- STORE CATEGORY and PRODUCT STYLES ----------------------- */
.prod_link {font-family: Verdana;font-size: 11px;font-weight: normal;margin-top: 0px;margin-bottom: 0px; }
.prod_name {font-family: Verdana;font-size: 11px;font-weight: bold;margin-top: 0px;margin-bottom: 0px; }
.prod_desc {font-family: Verdana;font-size: 11px;font-weight: normal;margin-top:0px;margin-bottom: 0px; } 
.prod_price_red {font-family: Verdana;font-size: 11px;font-weight: bold;color: Red;margin-top: 0px;margin-bottom: 0px; }
.prod_price_blk {font-family: Verdana;font-size: 11px;font-weight: bold;color: black;margin-top: 0px;margin-bottom: 0px; }
.prod_price_st {font-family: Verdana;font-size: 11px;font-weight: bold;text-decoration: line-through;color: black;margin-top: 0px;margin-bottom: 0px; }
.prod_onsale {background-color: Crimson;color: White;font-weight: bold;font-family: Arial;font-size: 11px;padding: 1px; }
.prod_outofstock {background-color: Green;color: White;font-weight: bold;font-family: Arial;font-size: 11px;padding: 1px; }
.cat_link {font-family: Verdana;font-size: 10pt;font-weight: normal;margin-top: 0px;margin-bottom: 0px; }
.cat_name {font-family: Verdana;font-size: 10pt;font-weight: bold;margin-top: 0px;margin-bottom: 0px; }
.cat_desc {font-family: Verdana;font-size: 9pt;font-weight: normal;margin-top:0px;margin-bottom: 0px; } 
.cartItem {font-family: Verdana;font-size: 8pt; }
.rcptHead {font-family:Verdana;font-size: 9pt; color: Black;}
.hr999900 {color: #999900; background-color: #000099; height: 2px; border-style: solid; }
/* --------------- END STORE PRODUCT STYLES ------------------- */

/* ----------------------------- dynamic menus -----------------------------*/
.catGrp { background-color: #000099; border: solid 2px #999900; font-family: Verdana;font-size:12px;font-weight:bold; color: White; padding-left:3px;}
.catOff { background-color: Transparent; border: solid 1px White; font-family: Verdana;font-size:12px;font-weight:bold; color: #000099; padding-left:3px;}
.catOn { background-color: #999900; border:solid 1px #330099; font-family: Verdana;font-size:12px;font-weight:bold; color:#330099; padding-left:3px;}
/*----------------------------------------------------------------------------------*/

/* used to make the contentPlaceholder div on the master page a minimum height */
.cphMinHeight
{
	min-height:1500px;
	height:auto !important;
	height:1500px;
}

.ratBarGraph
{
    background-image: url("img/ratBarGraph.png");
    background-repeat: no-repeat;
    font-size: 14pt;
    font-weight: normal;
    font-family: Verdana;
    color: Yellow;
    /*margin: 0em -10px 0em 0em;*/
    padding-bottom: 10px;
    padding-left: 0px;
    padding-top: 0px;            
}  

/* header definition that uses #999900 raised background with GSS logo */
.blockHeader
{		
    font-family: verdana, arial,sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:1px;
	color: White;
	text-align: center;
	display: block;
	background-image: url('img/blockHeader.jpg');
	background-repeat:no-repeat;
	background-position: top right;
	margin:0px,0px,0px,0px;
	/*padding:5px,0px,0px,10px;*/
	padding-top:7px;
	padding-left:5px;
	height:30px;
}

.cartHeader
{
    background-color: #330099;
    border: #999900 2px solid;
    color: White;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    margin: 0em -10px 0em 0em;
    padding-left: 10px;               
}

/* used with cartHeader and a table to outline a <td> element in the same color as header */
.cartBody
{
    border-left: solid 2px #999900;
    border-right: solid 2px #999900;
    border-bottom: solid 2px #999900;
}

.loginBox
{
    border: solid 2px #999900;
}

/* category buttons */
.catBtn
{		
    font-family: verdana;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:1px;
	color: White;
	display: block;
	background-image: url('img/catbtn_off.jpg');
	background-repeat:no-repeat;
	background-position: top left; /* top right;*/
	margin:0px,0px,0px,0px;
	padding-top:3px;
	padding-left: 5px;
	height:28px;
}

/* FORMATTING FOR A 2D BUTTON THAT FLASHS RED ON MOUSEOVER EVENT 
   Used in the store to display additional information on a product */
input.btn2dRed_on 
{
	font-size: 7pt;
	font-family: Verdana;
	color: white;
	background-color: red;
	border-style:solid;
	border-color:gray;
	border-width:1;
	padding:0;
	cursor:hand;
}
input.btn2d_off 
{
	font-size: 7pt;
	font-family: Verdana;
	color: black;
	background-color: White;
	border-style:solid;
	border-color:gray;
	border-width:1;
	padding:0;
	cursor:default;
}

td.storeHeader 
{
    background:#fff url(img/logo.gif) no-repeat;
    height:75px;
    width:850px;
    padding: 0; /*.75em 0em 0em 1.9em;*/
    margin:0;
}

td.cartSummary
{
    margin-top:40px;
    width: 200px;
    height: 35px;
    padding-left: 40px;
    background: url('img/cart.gif') no-repeat;
    color:White;
    font-family:Verdana;
    font-size: 9pt;
}

td.search
{
    margin-top:40px;
    width: 300px;
    height: 35px;
    color:White;
    font-family:Verdana;
    font-size: 9pt;  
    font-weight: bold;  
}

td.user
{
    margin-top:40px;
    width: 200px;
    height: 35px;
    color:White;
    font-family:Verdana;
    font-size: 9pt;   
    font-weight:bold; 
}
                                                

/* 200 pixel wide 3-d table */
td.header200 
{
    background:#fff url(img/table200/header.gif) no-repeat;
    height:32px;
    width:200px;
    padding: 0em 0em 0em 1.9em;
    font-family:verdana;
    font-size:11px;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body200
{
	background: #fff url(img/table200/body.gif) repeat-y;
	width: 200px;
	/* padding:   .5em 0em 0em 2em; */
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin: 0;
	text-align: left;
}
td.footer200
{
    background:#fff url(img/table200/footer.gif) no-repeat;
    height:20px;
    width:200px;
    margin:0;
}

/* 276 pixel wide 3-d table */
td.header276 
{
    background:#fff url(img/table276/header.gif) no-repeat;
    height:32px;
    width:276px;
    padding: 0em 2em 0em 1.9em;
    font-family:verdana;
    font-size:11px;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body276
{
	background: #fff url(img/table276/body.gif) repeat-y;
	width: 276px;
	padding: .5em 2em 0em 2em;
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin: 0;
	text-align: left;
}
td.footer276
{
    background:#fff url(img/table276/footer.gif) no-repeat;
    height:20px;
    width:276px;
    margin:0;
}

/* 465 pixel wide 3-d table */
td.header465 
{
    background:#fff url(img/table465/header.gif) no-repeat;
    height:32px;
    width:465px;
    padding: 0em 2em 0em 1.9em;
    font-family:verdana;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body465
{
	background: #fff url(img/table465/body.gif) repeat-y;
	width: 465px;
	padding: .5em 2em 0em 2em;
	font-family: verdana;
	font-size: 10pt;
	color: #333;
	margin: 0;
	text-align: left;
}
td.footer465
{
    background:#fff url(img/table465/footer.gif) no-repeat;
    height:20px;
    width:465px;
    margin:0;
}

/* 475 pixel wide 3-d table */
td.header475 
{
    background:#fff url(img/table475/header.gif) no-repeat;
    height:32px;
    width:475px;
    padding: 0em 2em 0em 1.9em; 
    font-family:verdana;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body475
{
	background: #fff url(img/table475/body.gif) repeat-y;
	width: 475px;
	padding: 10px 15px 0em 15px;
	font-family: verdana;
	font-size: 12px;
	color: Black; /* #333; */
	margin: 0;
	text-align: left;
}
td.footer475
{
    background:#fff url(img/table475/footer.gif) no-repeat;
    height:20px;
    width:475px;
    margin:0;
}

/* 475 pixel wide cart 3-d table */
td.headerCart475 
{
    background:#fff url(img/tableCart475/header.gif) no-repeat;
    height:32px;
    width:475px;
    padding: 0em 2em 0em 1.9em; 
    font-family:verdana;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.bodyCart475
{
	background: #fff url(img/tableCart475/body.gif) repeat-y;
	width: 475px;
	padding: 10px 15px 0em 15px;
	font-family: verdana;
	font-size: 12px;
	color: Black; /* #333; */
	margin: 0;
	text-align: left;
}
td.footerCart475
{
    background:#fff url(img/tableCart475/footer.gif) no-repeat;
    height:20px;
    width:475px;
    margin:0;
}

/* 620 pixel wide 3-d table */
td.header620 
{
    background:#fff url(img/table620/header.gif) no-repeat;
    height:32px;
    width:620px;
    padding: 0em 2em 0em 1.9em; 
    font-family:verdana;
    font-size:11px;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body620
{
	background: #fff url(img/table620/body.gif) repeat-y;
	width: 620px;
	padding: .5em 2em 0em 2em;
	font-family: verdana;
	font-size: 11px;
	color: Black; /* #333; */
	margin: 0;
	text-align: left;
}
td.footer620
{
    background:#fff url(img/table620/footer.gif) no-repeat;
    height:20px;
    width:620px;
    margin:0;
}

/* 678 pixel wide 3-d table */
td.header678 
{
    background:#fff url(img/table678/header.gif) no-repeat;
    height:32px;
    width:678px;
    padding: 0em 2em 0em 1.9em; 
    font-family:verdana;
    font-size:10pt;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body678
{
	background: #fff url(img/table678/body.gif) repeat-y;
	width: 678px;
	padding: .5em 2em 0em 2em;
	font-family: verdana;
	font-size: 12px;
	color: Black; /* #333; */
	margin: 0;
	text-align: left;
}
td.footer678
{
    background:#fff url(img/table678/footer.gif) no-repeat;
    height:20px;
    width:678px;
    margin:0;
}

/* 640 pixel wide dark gray 3-d table */
td.header640 
{
    background:#fff url(img/table640/header.gif) no-repeat;
    height:10px;
    width:640px;
    padding: 0em 2em 0em 1.9em;
    font-family:verdana;
    font-size:11px;
    color:#666666;
    font-weight:bold;
    margin:0;
}
td.body640
{
	background: #fff url(img/table640/body.gif) repeat-y;
	width: 640px;
	padding: 0 15px 0 15px; /* .5em 2em 0em 2em; */
	font-family: verdana;
	font-size: 11px;
	color: #333;
	margin: 0;
	text-align: left;	
}
td.footer640
{
    background:#fff url(img/table640/footer.gif) no-repeat;
    height:10px;
    width:640px;
    margin:0;
}
