﻿/* ---------------------------------------------------------------CATEGORY PAGE ------ */ 
/*
table.all
{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	padding:0;
}*/


/* page seems to require these, so I set them as hidden */
#divProductName,
#divModelIdentifier
{
	display: none;
}

.productcategorybar /* blue bar on category page */
{
height: 24px;
width:746px;
background-color: #36B3C5;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color: #FFF;
padding: 6px 4px 4px 10px;
font-size:1.4em;
text-transform: capitalize;
font-weight:bold;
}

.modelnumber
{
text-align:right;
padding: 6px 10px 4px 10px;
}

.flashmessage
{
	width:100%;
	height: 34px;
	margin:0; padding:0;
	text-align:center;
}


.productdetailname
{
text-align:left;
padding: 6px 10px 4px 10px;
}

.productcategoryblock /* text block for each category */
{
height: 58px;
width: 746px;
background-color: #FFF;
}

.productcategorytext /* text block for each category */
{
text-align:left;
padding: 3px 10px 0 10px;
font-size:0.85em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
}


.imagetable
{
width: 560px;
padding: 0;
text-align:center;
font-size: 0.8em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
}


.installtable
{
width: 590px;
padding: 2px;
border-left: 1px;
border-right:1px;
}


.installlist
{
text-align:left;
font-size: 0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
padding: 0 0 0 10px;
}


.installcat
{
text-align:left;
font-size: 1em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#32707F;
font-weight:bold;
padding: 0 0 6px 10px;
}

/* -------------------------------------------------product detail page */


.modelnumber /* used in conjunction with productcategorybar */
{
text-align:right;
}

.productdetailname /* used in conjunction with productcategorybar */
{
text-align:left;
}

.description
{
text-align:left;
padding: 5px;
font-size:0.9em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
background-color:#d9f0f3;
width:280px;
}

.desctitle
{
text-align:left;
padding: 5px;
font-size:1.4em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#32707F;
background-color:#d9f0f3;
font-weight:bold;
width:280px;
}

.prodtitle
{
font-size:1.3em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#32707F;
font-weight:bold;
text-align:left;
padding:10px 0 0 0;
}

.prodtext
{
text-align:left;
font-size:0.9em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
}

.spectext
{
text-align: left;
font-size: 0.9em;
font-family: verdana, Arial,Helvetica, Sans-Serif;
background-color: #d9f0f3;
color: #777;
padding: 5px;
}

table.prodboxes
{
table-layout:fixed;
text-align:center;
font-size:0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
background-color:#d9f0f3;
padding: 5px;
}

.prodimagename
{
text-align:left;
font-size:0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
width:150px;
padding: 0 0 2px 0;
}

.prodimageclick
{
text-align:right;
font-size:0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
width:150px;
padding: 0 0 2px 0;
}

.prodattribute
{
text-align:center;
font-size:0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
background-color:#fff;
padding: 2px;
}

.prodclickhere
{
text-align:left;
font-size:0.7em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#777;
padding: 2px;
padding: 0 0 2px 0;
}

.relatedtitle
{
font-size:1.9em;
font-family:verdana, Arial,Helvetica, Sans-Serif;
color:#32707F;
font-weight:bold;
text-align:left;
margin: 5px 0 5px 5px;
}

/* -------------------------------------------------category links */

a:link.cataloglink
{
color: #777;
text-decoration:none;
}

a:visited.cataloglink
{
color: #777;
text-decoration:none;
}

.attributeCountText
{
	color: #32707F;
	font-size: 0.6em;
	line-height:20px;
}

.sellingpoint
{
	color: #32707F;
	font-size: 0.6em;
	padding-top:3px;
}