* {
	margin:0; 
	padding:0;
} /*takes away any defaults set by various browsers*/

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/background.gif);
	background-position:-13px top;
	background-repeat:repeat-y;
}

a {
	color:#333;
}

a:visited {
	color:#333;
}
a:hover {
	color:#cc0000;
	text-decoration: underline;
}

.content h1 {
	font-size:180%;
	font-family:Arial, Helvetica, sans-serif;
	margin:32px 0px 11px 0px;
	width: 659px;
	display:block;
	clear:both;
	color:#ed1c24;
}
h2 {
	font-size: 100%;
	padding: 0;
	margin: 5px 0px 5px 0px;
}
h3 {
	font-size: 92%;
	font-weight:bold;
	padding: 0;
	margin: 5px 0px 0px 0px;
}
p {
	color:#333;
	margin: 10px 0px;
}

.header {
	width:655px;
	margin: 0px 0px 0px 155px;
	
}
.content {
	width: 660px;
	margin: 10px 0px 0px 155px;
	font-size:90%;
}
.clearthefloats {
	clear:both;
}
#footer {
	font-size:87%;
	float:right;
	padding:10px 5px;
	text-align:right;
}
.breadcrumbs {
	display:block;
	font-size:75%; 
	width:655px;
	padding:5px 0px;
}
.breadcrumbs a {text-decoration:none; color:#333;}
.breadcrumbs a:hover {text-decoration:underline;}

.breadcrumbs .current {color:#cc0000;}

.leftmenu img#logo {
	margin: 10px 15px 10px 0px;
}
.leftmenu a img#logo {border:none;}
.leftmenu {
	width: 110px;
	position:absolute;
	top:0;
	left:0;
	padding: 13px 5px 15px 25px;
	margin:0px;
	font-size:80%;
}
.leftmenu h3{
	display:block;
	background-image:url(/images/resourcebuttonleft.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-weight:normal;
	height:21px;
	width:87px;
	margin-bottom:13px;
	letter-spacing: .03em;
}
.leftmenu h3:hover{
	background-image:url(/images/resourcebuttonlefthover.gif);
	background-position:left top;
}

.leftmenu h3 a{
	width:85px;
	text-align:center;
	padding:3px;
	text-decoration:none;
	display:block;
	font-size:110%;
	background-image:url(/images/resourcebuttonright.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:21px;
	line-height:1.4em;
	color:#ca422c;
}
.leftmenu h3 a:visited{
	color:#ca422c;
	text-decoration:none;
}
.leftmenu h3 a:hover{
	background-image:url(/images/resourcebuttonrighthover.gif);
	background-position:right top;
	color:#ffffff;
	text-decoration:none;
}
.leftmenu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 105%;
	padding: 0;
	margin: 6px 0px 0px 0px;
	width:90px;
	letter-spacing: .05em;
}
.leftmenu .productlist {
	width:100px; 
	margin: 1px 1px 10px -10px;
	background-image:url(/images/leftmenubottomlineimage.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	display:block;
}
.leftmenu #topproductlist {
	margin: 1px 1px 0px -10px;
}
.leftmenu li {
 	padding: 1px 0px 1px 10px;
	background-image:url(/images/leftmenubackground.gif);
	background-repeat:no-repeat;
	background-position:left top;
	list-style-type: none;
}
.leftmenu li:hover{	
	padding-left:10px;
	background-image:url(/images/leftmenubackgroundArrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
li.leftmenuhoverstyle {
	padding-left:10px;
	background-image:url(/images/leftmenubackgroundArrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.leftmenu ul.submenu {
	background-image:none;
	margin: 0px 0px 0px -10px;
}
.leftmenu .submenu li {
	padding-left:20px;
}
.leftmenu .submenu li:hover {
	background-image:url(/images/leftmenuSubMenuArrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.leftmenu li.submenuhoverstyle {
	background-image:url(/images/leftmenuSubMenuArrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.current {line-height:inherit;}
	
.leftmenu a {
	display:block;
	width:90px;
	text-decoration:none;
	color:#333;
}
.leftmenu a:visited {
	text-decoration:none;
	color:#333;
}
.leftmenu a:hover {
	text-decoration:none;
	color:#333;
}

.header div#headerlist {
	float:right;
	padding:0px;
	margin:17px 0px 0px 0px;
	line-height: 2.5em;
	width:655px;
	font-size:85%;
}
.leftmenu .collagelogo {
	padding:0px;
	margin:0px 0px 15px 0px;
}
.leftmenu .collagelogo a{
	text-align: center;
	background-image:url(/images/homepage/collage.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:90px;
	height:20px;
	padding:30px 0px 0px 0px;
	font-size:105%;
}
.leftmenu .collagelogo a:hover{
	background-image:url(/images/homepage/collagehover.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#cc0000;
	text-decoration:underline;
}

/*Login links*/
#headerlist .login {
	float:right;
	padding: 0px;
	margin:0px;
	width:405px;
	display:block;	
}
#searchbox {float:right;display:block;}

#searchbox img#spacer{width:6px; height:6px;}
/*#searchbox fieldset label:first-child {color:#e4c995}
#searchbox #bar {color:#e4c995}
#searchbox #txtFormQuery {border:solid #e4c995 1px;}*/

#headerlist .login ul{
	float: right;
	list-style:none;
	padding:0px 0px 0px 12px;
	margin:0px;
	text-transform:uppercase;
}

#headerlist .login .cartLink img{
	border:none;
	vertical-align:middle;
	margin:0px -3px 0px 0px;
}
#headerlist .login li#cartlink {margin: 0px;} 
#headerlist .login ul li {
	float: left;
	margin: 0px 6px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:0px 0px 0px 1px;
	text-align: right;
	width: auto;
	background-image: none;
}
#headerlist .login a {
	font-family: Arial, Helvetica, sans-serif;
	display:inline;
	text-decoration: none;
	font-weight: normal;
	margin:0;
	padding: 0;
}

#headerlist .login a:hover {
	text-decoration: underline;
}

 /*end of login links*/
#headerlist #searchbox fieldset {
	border:none;
}

div#headerlist input {font-size:110%;}

div#headerlist input#searchGO {
	margin: 0px 0px 0px 3px;
	padding:0px 2px 0px 2px;
	height:19px;
	font-size:98%;
}

div.headermenudiv {
	float:left;
	width:99.8%;
	font-size:90%;
	background-image:url(/images/headermenubackground.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.headermenudiv ul#headermenu {
	border-top:solid #d1d1d1 1px;
	border-right:none;
	border-bottom:solid #d1d1d1 1px;
	border-left:solid #d1d1d1 1px;
	background-color: #ffffff;
	float:left;
	width:651px;
	padding:1px 0px 1px 1px;
	font-size:86%;
	margin:0px 0px 0px 155px;
}
.headermenudiv ul#headermenu li a{
	color:#333;
	text-decoration:none;
}
.headermenudiv ul#headermenu li a:visited{
	color:#333;
	text-decoration:none;
}
.headermenudiv ul#headermenu li a:hover{
	color:#fff;
	text-decoration:none;
}
.headermenudiv ul#headermenu li {
	float:left;
	padding:3px 8px;
	background-color: #ffefc4;
	list-style:none; 
	border-left: solid #ead6a7 1px;
}
.headermenudiv ul#headermenu li:hover{
	background-color:#cc0000;
	border-left: solid #cc0000 1px;
}
.headermenudiv ul#headermenu li:hover a{color:#fff;}

.headermenudiv ul#headermenu li:first-child {border-left:solid #ffefc4 1px;}
/*resources links on several pages*/
ul.resourceslinks {
	list-style:none;
	float:left;
	margin-top:10px;
	width:200px;
}
ul.resourceslinks li {
	float:left;
	display:block;
	width:100%;
	background-image:url(/images/resourcebuttonleft.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:21px;
	margin:10px 0px 0px 0px;
}
ul.resourceslinks li:hover {
	background-image:url(/images/resourcebuttonlefthover.gif);
	background-position:left top;
}
ul.resourceslinks a {
	display:block;
	font-size:95%;
	width:100%;
	text-decoration:none;
	background-image:url(/images/resourcebuttonright.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:21px;
	padding:0px 0px 0px 5px;
	line-height:1.7em;
	color:#ca422c;
}
ul.resourceslinks a:hover {
	background-image:url(/images/resourcebuttonrighthover.gif);
	background-position:right top;
	color:#ffffff;
}
ul.resourceslinks a img{
	border:none; 
	vertical-align: middle; 
	padding-right:1px;
}

/*CSS for all form buttons on the site - transparent to make IE render border thin*/
input.formbutton  {
	margin: 5px 0px 5px 5px;
	padding:0px 6px 2px 6px;
	height:21px;
	background:transparent url(/images/formbutton.gif) no-repeat left top;
	border:solid #e4c995 1px;
	font-size: 100%;
	color:#ca422c;
}
input.formbutton:hover {
	color:#ffffff;
	background:transparent url(/images/formbuttonhover.gif) no-repeat left bottom;
	cursor:pointer;

}
.formErrorMessage {
	color:#ffffff;
	font-weight: bold;
	font-size: 110%;
	display: block;
	margin: 10px 5px;
	background-color:#cc0000;
}

.buttonright {float:right; margin-right:10px;}
.buttonleft {float:left;}

.skip a, .skip a:hover, .skip a:visited {
position:absolute;
right:0px;
top:-500px;
overflow:hidden;
}

.skip a:focus{
right:0px;
top:0px;
color:#000000;
}
.printheader {display:none;}
.redlink {
	color:#ed1c24;
}

