html
{	height: 100%;
}
body 
{	font-family: Verdana;
	background-color: #ffffff;
	font-size: 8pt; 
	color:#00306f;
		
}
#content {
	position:relative;
	top:0px;
	width:768px;
  	margin-left: auto;
  	margin-right: auto;
}
h1
{ 	font-size: 13pt;
	color: #00306f;
	margin-bottom:0px;
}
h2
{ 	font-size: 12pt;
	color: #00306f;
}
h3
{ 	font-size: 10pt;
	color: #00306f;
	padding:0;
	margin:0;
}
h4
{ 	font-size: 9pt;
	color: #00306f;
	text-align:center;
	padding:2px;
	border:1px solid #ccc;
}
.phone
{ 	font-size: 10pt;
	color: #00306f;
	font-weight:bold
	padding:0;
	margin:0;
}
.red{
	color:#FF0000;
}
.small{
	font-size: 8pt;
	color: #3c5f8e;
}
.float{
	float:left;
}
.float2{
	width:188px;
	padding-left:4px;

}
.float2 img{
	padding:4px;
}
a {
	color: #3270b8;
	text-decoration: none;
	font-weight: bold;
}

a:link {
	color: #3270b8;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #3270b8;
	text-decoration: none;
	font-weight: bold;
}

a:active {
	color: #3270b8;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color:#3270b8;
	font-weight: bold;	
}
#banner {
	background-color: #fff;
	padding: 4px;
	width:760px;
	text-align:right;
	border-bottom:2px solid #ccc;
	color: #3c5f8e;
}
#snowguard {
	float:left;
	width:764px;
	border-right:2px solid #ccc;
	border-left:2px solid #ccc;
	
}
#column {
	float:left;
	width:654px;
	margin:0px 0px 2px 0px;
	border-right:4px solid #ccc;
	background-color: #fff;
}
#header {
	background-color: #fff;
	width:654px;
	height:89px;
}

#logo
{	top: 22px;
	width:246px;
	height:89px;
}
#bannerad1
{	position: absolute;
	top: 25px;
	left:250px;
	width:255px;
	z-index: 3;
}
#contact
{	position: absolute;
	top:25px;
	left:480px;
	width:160px;
	text-align:right;
	z-index: 3;
}
#cart
{	position: absolute;
	top: 57px;
	left:417px;
	width:138px;
	height:35px;
	border: 1px solid #cccccc;
	border-right:none;
	padding:2px;
	z-index: 3;
}
#viewcart
{	position: absolute;
	top: 57px;
	left:553px;
	width:104px;
	height:39px;
	z-index: 3;
	
}

#navhold
{	position:absolute;
	top:111px;
	z-index:100;
	width:655px;

}
#navhold a {
	color: #00306f;
	text-decoration: none;
}
#navhold a:hover {
	color: #00306f;
	text-decoration: underline;
}

img {
	border: 0;
}

a.roll img {
	background-color: #FFFFFF;
}

a.roll img:hover {
	background-color: #cccccc;
}

* html a.roll {
	background-color: #FFFFFF;
}

* html a.roll img {
	background-color: transparent;
}

* html a.roll:hover {
	/*background-image: url(../images/testor.gif);
	background-repeat:x;7992b3  58769e
	height:21px;*/
	background-color:#cccccc;
}

#bg {
	position: absolute;
	top:132px;
	width: 654px;
	height:24px;
	background-image: url(../images/bg.gif);
	padding-top:4px;
	text-align:center;
}
#pad {
	height:45px;
	width:654px;
}
#printcontent {
	margin:0px;
	padding:0px;
}
#textbody {
	padding:8px;
	padding-bottom:25px;
}
#printproducts {
}
#snowguards {
	position:absolute;
	top:25px;
	left:659px;
	margin-left:2px;
	width:98px;
}
.box {
	padding: 2px;
	background-color: #fff;
	width:98px;
	float:left;
	text-align:center;
	font-size: 7pt;
}
.box2 {
	padding: 2px;
	background-color: #fff;
	width:98px;
	float:left;
	font-size: 7pt;
}
#floatcontent {
	float:left;
	background-color: #fff;
	padding:8px;
	padding-bottom:20px;
} 
#footer {
	background-color: #fff;
	border-top:2px solid #ccc;
	padding: 4px;
	width:760px;
	clear:both;
	color: #3c5f8e;
} 
#copy {
	background-color: #fff;
	padding: 4px;
	color: #3c5f8e;
	font-size: 7pt;
} 
.tall {
	height: 169px;
}
.highlight {
	margin-left:33px;
	padding-bottom:4px;
}
#albumlist {
	list-style-type: none;
}
#albumlist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
	padding:3px;
	border:1px solid #dddddd;
}
#albumlist img {
	display: block;
	padding:2px;
}
#desc
{	position: relative;
	left:140px;
	top:-125px;
	width: 275px;
	font-size: x-small;
}
#resource
{	position: absolute;
	top: 57px;
	left:270px;
	height:115px;
	font-size: xx-small;
}
#description
{	position: absolute;
	top: 180px;
	left:270px;
	font-size: xx-small;
}
.border
{	padding:4px;
	border:1px solid #cccccc;
	margin-top:0em;
	margin-bottom:.5em;
}
.highlightdiv{
	height:220px;
	width:287px;
	float:left;
	text-align:center;
}
.highlightdiv img{
	border:0;
}
.highlightbg{
	background-color: #3270b8;
	padding:4px;
	margin:1px;
}
.highlightbg h1{
	color:#ffffff;
	margin:0px;
	font-size:10pt;
	width:287px;
}
.highlightdiv p{
	padding:8px;
	margin:0px;
}
.highlightdiv2{
	width:564px;
	float:left;
	background-color: #3270b8;
	padding:4px;
	margin:1px;
}
.highlightdiv2 h1{
	color:#ffffff;
	margin:0px;
	font-size:10pt;
	text-align:center;
}
.catalog{width:574px;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.catalog a, .catalog img{padding:0 !important; margin:0 !important}
.space {float: left;width: 1px;height:132px;}
.sidebar {float: right;width: 274px; height:109px;padding:0; border-bottom:1px solid #888;}
.content1 {position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px; z-index:18;}
.content2 {position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:17;}
.content3 {position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:16;}
.content4{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:15;}
.content5 {position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:14;}
.content6{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:13;}
.content7 {position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:12;}
.content8{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:11;}
.content9{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:10;}
.content10{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:9;}
.content11{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:9;}
.content12{position: relative; width:275px; border:2px solid #ccc; padding:0;float:left; margin:4px;z-index:9;}
.top {padding:1px;}
.top p, top img{padding:3px 0px 0px 0px; margin:0;color:#888; font-size:8pt;}
.bottom{position: absolute;bottom: 0;left:0;height:16px; padding:2px;background-color:#eee; width:269px;border:1px solid #fff;}
.bottom a, .bottom a:hover, .top a, .top a:hover, .top h3{ padding:3px 0px 0px 0px; margin:0;color:#3270b8; font-size:8pt;}
.top a:hover, .bottom a:hover{color:#448ee4;}
.bottom h3,.bottom h3:hover{float:right; text-align:left; width:210px; padding:3px 0px 0px 0px; margin:-20px 0px 0px 60px;color:#3270b8; font-size:8pt;}
.clear {clear: both;line-height: 1px;}

.floater{float:left; margin:0px 0px 3px 0px; padding:0;}
.tooltip {position: relative; text-decoration: none;}
.tooltip img{ padding:2px; margin:0px; float:left;}
.tooltip span {display: none;}
.tooltip:hover {font-size: 100%; } /* IE/Win requires some link change on hover in order to show the tooltips */
.tooltip:hover span { /*the span will display just on :hover state*/
	display: block !important; position: absolute; top: -15px; left: 40px; width: 274px; color: #3270b8; padding: 5px 5px 3px 5px;	font-size: 11px; background:#c3c3c3;z-index: 23;}
.tooltip ul{list-style-type:none; margin:0;padding:0; background-color:#fff;}
.tooltip li{height: 15px; margin:0px 1px 2px 1px; padding:2px; border-bottom:1px solid #ccc;}
.tooltip li.tall{height: 120px; margin:0px 1px 2px 1px; padding:2px; border-bottom:1px solid #ccc;}
.tooltip li:hover{background-color:#eee;}
.tooltip li img{border:0; padding:2px 5px 2px 2px;}
.tooltip li i{color:#eee; position:relative; top:-5px; font-style:normal;}
.tooltip li a:hover{color:#448ee4;}