/*

$Id: stylesheet.css,v 1.10 2006/06/05 04:33:07 cvs Exp $

Description: Main stylesheet for catalogue - Communicat

Copyright (c) Communicat
*/

.nogaptable, .contenttable,  .maintable {
	border : 0px;
	background-color : transparent;
	width : 100%;
}
.maintable {
	height : 300%;
}

.prodhighlightHeight {
	height: 30px;  
}

.contenttable {
	padding : 4px;
}

.heading1, .heading2, .heading3, .boldtext,  .banner,  .categorytitle, .rangetitle, .whitetext, .whitetext p, .whitetext li {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
}
.boldtext {
	font-size :11px;
	font-weight : bold;
	color : Black;
}
.itallictext {
	font-size :11px;
	font-style : italic;
}
.banner {
	font-size :14px;
	font-weight : bold;
}
.whitetext, .whitetext p, .whitetext li {
	font-size :11px;
	color : White; 
}
.categorytitle, .rangetitle  {
	font-size :14px;
	color : black; 
	font-weight : normal;
}

.heading1 {
	font-size :14px;
	font-weight : bold;
	color : black; 
}
.heading2 {
	font-size : 12px;
	font-weight : bold;
	color : black; 
}
.heading3 {
	font-size : 12px;
	font-weight : normal;
	color : Black; 
}
.prodhighlight-header1, .prodhighlight-header2,  .prodhighlight-header3 {
	font-size : 14px;
	font-weight : bold;
}
.prodhighlight-header1 {
	color : #336699; /*  blue */
}
.prodhighlight-header2 {
	color : #336699; /*  blue */
	margin-right: 2px;
}
.prodhighlight-header3{
	color : #336699; /*  blue */
}
.mainleft-text {
	font-size : 11px;
	font-weight : normal;
	color : black; 
}
BODY, TABLETEXT, P, LI  {
	background-color : transparent;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	margin : 0px;
}

TD, TR, TH {
	font-family : Arial, Helvetica, sans-serif;
	background-color : transparent;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Grey;
}

.smalltext{
	font-size : 10px;
	color : Black;
	font-style : normal;
	font-weight : normal;
}
.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 : #333333; /* Dark Grey  */
	text-decoration : underline;
}
A:HOVER {
	color : #000099;/* blue */
	text-decoration : underline;
}
A.link:ACTIVE, A.link:LINK, A.link:VISITED {
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : #333333; /* Grey  */
	text-decoration : underline;
}
A.link:HOVER {
	color : #006699; /* blue */
	text-decoration : underline;
}
A.whitelink:ACTIVE, A.whitelink:LINK, A.whitelink:VISITED {
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : black;
	text-decoration : underline;
}
A.whitelink:HOVER {
	color : #CCCCCC; /* Grey  */
	text-decoration : none;
}
body, .no-margins {
	margin : 0px;
	border : 0px none;
	padding : 0px;
}
.left-margins {
	margin : 5px;
	azimuth : left-side;
}
.leftmargin10 {
	margin : 10px;
}
.paddingtop5 {
	padding-top : 5px;
}
.paddingbottom5 {
	padding-bottom : 5px;
}
.paddingleft5 {
	padding-left : 5px;
}
.mainleft-width {
	width: 170;/* left hand side width for top, and footer  */
}
.full-height {
	height: 100%;
}
.smallest-height {
	height: 1px;
}
.fixed-height {
	height: 100px;
}
.onefifth-width {
	width: 20%;
}
.onethird-width {
	width: 33%;
}
.full-width {
	width: 100%;
}
.half-width {
	width: 50%;
}
.quarter-width {
	width: 25%;
}
.width183 {
	width: 183px; /* can be removed */
}
.width20perc {
	width: 25%; /* tab width for Product Highlight  */
}
.width79perc {
	width: 75%; /* tab width for Product Search  */
}
.width24perc {
	width: 24%; /* twidth for Product Highlight items */
}
.width1perc {
	width: 1%; /*  width for Product Highlight items */
}
.width60perc {
	width: 60%; /* width for Static content  */
}
.topNavHeight {/* height for content page top + navigation  */
	height: 95px;
}
.topNavRowHeight {/* height for content page top  above navigation  */
	height: 73px;
}
.height20 {/* height for content navigation  */
	height: 22px;
}

.largest-height {
	height: 99%;
}
.smallest-height {
	height: 1px;
}
.largest-width {
	width: 99%;
}
.smallest-width {
	width: 1px;
}
.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;
}

.underline{
	text-decoration: underline;
}
.italic{
	font-style: italic;
}
.darkgray-bg{
	background-color : Gray;/* dark blue - above product category details background*/
}
.lightpurple-bg{
	background-color : #000066;/* dark blue */
}
.black-bg{
	background-color : Black;
}
.white-bg{
	background-color : White;
}
.orangeBG{
	background-color : #FFCC00;
}
.blueBG{
	background-color :#0066CC;/* light  blue  - product highlight background*/
}
.offWhiteBG{
	background-color : #F8F8F8;/* dark blue - product category details background*/
}
.lightgrayBG{
	background-color : #CCCCCC;
}
.watermk-bg{
	background-image : url(../images/mainFrame_bg.gif);
	background-repeat : repeat;
	background-attachment : fixed;
}
.content-bg{
	background-image : url(../images/content_bg.gif); /* not used */
	background-attachment : fixed;
	background-repeat : no-repeat;
}
.Pg {
	background-color : transparant;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : none;
}
A.Pg:ACTIVE, A.Pg:LINK, A.Pg:VISITED{
	background-color : transparant;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-style : normal;
	font-weight : 400;
	color : Black;

}
A.Pg:HOVER {
	background-color : transparant;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-style : normal;
	font-weight : 400;
	color : #666666;
	text-decoration : none;
}
A.blueCategory:ACTIVE, A.blueCategory:LINK, A.blueCategory:VISITED{
	background-color : transparant;
	font-family : Verdana, Arial;
	font-variant: normal;
	font-style : normal;
	font-weight : 400;
	font-size: 12px;
	color : #000099; /* dark blue */
	text-decoration : none;
}
A.blueCategory:HOVER {
	background-color : transparant;
	font-family : Verdana;
	font-size : 12px;
	font-style : normal;
	font-weight : 400;
	color : #2D80A0;  /* turqoise */
	text-decoration : none;
}
A.rangeLink:ACTIVE, A.rangeLink:LINK, A.rangeLink:VISITED{
	background-color : transparant;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #0099FF; /* ligth blue */
	text-decoration : none;
}

A.rangeLink:HOVER {
	background-color : transparant;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #0099FF; /* blue */
	text-decoration : none;
}

.error-text{
	font-weight: bold;
	text-transform: capitalize;
	background-color: #990000; /* Dark red */
	color: red;
	padding: 3px;
	border: 2px solid red;
	font-size: 12px;
}
.top-bg{
	background-color: White;
	background-repeat : repeat-x;
}
.nav-bg{
	background-color: #CCCCCC;
}

.standardLightBackground{
	background-color : #FDF5C8; /* light cream */
}
.featureHeading {
	text-transform: capitalize;
}

.form table{
	width: 95%;
	border-style: none;
	border: 1px;
}
.form TH{
	color: Red;
	text-align: left;
	font-weight: normal;
	text-transform: uppercase;
}
.form TD{
	color: Black;
	font-weight: normal;
	vertical-align: top;
}
.form .formheading{
	color: Black;
	font-weight: bold;
	border: 1px;
	border-style: none;
	text-transform: capitalize;
}
.productSearchBodyInput{
	height: 10px;
}
.bottomborder {
	border-bottom : 1px solid White;
	padding-top : 4px;
}
.mainTD {
	padding-right : 10px;
	padding-left : 10px;
}
.mainTDLeftWidth {
	width: 250px;
}
.splashBG{
	background-image : url(../images/splash_bg.jpg); 
	background-repeat : repeat;
	background-attachment : fixed;
}
.visible-item{
	visibility: visible;
}
.hidden-item{
	position: absolute;
	visibility: hidden;
	height: 0px;
	width: 0px;
	top: 0px;
	left: 0px;
}
/* For shopping cart */
.button, .buttonOver, .buttonDown, .button-special, .buttonOver-special, .buttonDown-special {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10.5px; 
	font-weight : bold;
	border-style: solid; 
	border-color: Black;
	background-color: #0066CC; /* light blue */
	border: 1.5px solid;
	margin : 0px;
	padding : 0px;

	
}
.button, .buttonOver, .button-special, .buttonOver-special {
	color: black;
	border-left-color: White;
	border-top-color: White;
	border-right-color: Black;
	border-bottom-color: Black;
}
.buttonOver { 
	color: #FFCC33;  /* yellow */
}
.buttonDown, .buttonDown-special { 
	color: Red; 
	border-left-color: Black;
	border-top-color: Black;
	border-right-color: White;
	border-bottom-color: White;
}
.button-special, .buttonOver-special, .buttonDown-special{
	background-color: #FF9933; /* light orange*/
	color: White;
}
.buttonOver-special { 
	color: #FF6633;  /* orange */
}
.buttonDown-special{
	color: black;
}
.hide{
	display: none;
}
#productList .productPrice, #productList .rewardPoints {
	color: Black;
}
#productList .oldProductPrice {
	text-decoration: line-through;
}
.hotProduct{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#siteMap .section{
	padding-bottom:10px;
	width: 100%;
}
#siteMap .section .heading{
	color : #336699; /*  blue */
	font-size : 14px;
	font-weight : bold;
	border-bottom:dashed 1px;
}

#siteMap .section .link{
	position: relative;
	left: 20px;
}
#siteMap .section .range{
	position: relative;
	left: 40px;
}
#productPowerSearch {
	font-size : 11px;
	font-weight : bold;
	color : #336699; /*  blue */
	text-transform: uppercase;
	margin-left: 40px;
}
.quickSearch {
	margin-left: 40px;
}

#float-right {
    padding: 2px 2px 2px 2px;
	float: right;
}
#float-left {
    padding: 2px 2px 2px 2px;
	float: left;
}