/*

$Id: stylesheet.css,v 1.7 2003/09/07 23:57:15 cvs Exp $

Description: Main stylesheet for The Office Shop

Copyright (c) Communicat
*/
.nogaptable, .navtable, .contenttable {
	background-color : transparent;
	border : 0px;
	height : 100%;
}
.navtable {
	width : 205px;
}
.nogaptable {
	width : 100%;
}
.contenttable {
	width : 100%;
	padding : 4px;
}
.splashtable {
	width : 100%;
	background-color : #CC6633;
	padding : 0px;
	border : 0px;
}
.heading1 {
	font-size :14px;
	font-style : normal;
	font-weight : bold;
	color : #FFCC00;
	}
.heading2 {
	font-size : 12px;
	font-style : normal;
	color : White;
}
.heading3 {
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #660099;
}

.boldtext {
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : White;
}


BODY, TABLETEXT, P, LI  {
	background-color : transparent;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : white;
	/*scrollbar-face-color: #CCCCCC;  
	scrollbar-shadow-color: #333333; 
	scrollbar-highlight-color: White;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;
	scrollbar-track-color: #CCCCCC;  
	scrollbar-arrow-color: White;*/
	letter-spacing : 1.8px;
	margin : 0px;
}

TD, TR, TH {
	background-color : transparent;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : white;
}

.nowrap {
	white-space : nowrap;
}

INPUT, SELECT, textarea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
}

A:ACTIVE, A:LINK, A:VISITED {
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : #CCCCCC; /* Grey  */
	text-decoration : underline;
}

A:HOVER {
	color : #FFCC00; /* grey blue */
	text-decoration : underline;
}

A.link:ACTIVE, A.link:LINK, A.link:VISITED {
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : #CCCCCC; /* Grey  */
	text-decoration : underline;
}
A.link:HOVER {
	color : #FFCC00; /* grey blue */
	text-decoration : underline;
}
body, .no-margins {
	margin : 0px;
	border : 0px none ;
	padding : 0px;
}
.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}
.quarter-width {
	width: 25%;
}
.half-width {
	width: 50%;
}
.largest-width {
	width: 99%;
}
.smallest-width {
	width: 1%;
}

.center {
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

.align-middle {
	vertical-align: middle;
}
.align-bottom {
	vertical-align: bottom;
}
.align-top {
	vertical-align: top;
}

.button-small, .buttonover-small, .buttondown-small{
	font-size: 11px;
	font-weight : bolder;
	height: 16px;
	border : 0px;
	padding-right : 5px;
	padding-left : 5px;
	letter-spacing : 2px;
	border-right : 2px solid;
	border-color: #999999; /* off white */
	border-left : 2px solid;
	border-style : ridge;
}
.button-small{
	background-color: Black;
	color: #FFCC00;
}
.buttonover-small{
	color : #FF9900;
}
.buttondown-small{
	background-color : #999999;
	color: White;
}
.underline{
	text-decoration: underline;
}
.italic{
	font-style: italic;
}
.yellow-bg{
	background-image : url(../images/yellow_dot.gif);
}
.black-bg{
	background-color : Black;
}
.orange-bg{
	background-color : #CC6633;
}
.left-bg{
	background-color : Black;
	background-image : url(../images/left_bg.jpg);
	background-repeat : no-repeat;
}
.prodCode {
	background-color : Black;
	color: White;
	font-size: 12px;
	font-weight : bolder;
	height: 16px;
}

A.rangeLink:ACTIVE, A.rangeLink:LINK, A.rangeLink:VISITED{
	background-color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : black;
	
	text-decoration : none;
}

A.rangeLink:HOVER {
	background-color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : black;
	text-decoration : none;
}
A.splash:ACTIVE, A.splash:LINK, A.splash:VISITED {
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : White; 
	text-decoration : none;
}
A.splash:HOVER {
	color : #FFCC00; /* yellow */
	text-decoration : none;
}