/* 
	Author:  DMatney
	Date:  December 2009
	Purpose:  Provide style information to website
*/
@media print {
	.newpg { page-break-before: always; }
	#printonly thead { display: table-header-group; }
	#topnav, #topnav2, #footer { display:none; }
}
@media screen {
	#printonly thead { display: none; }
}

body {
  background: #666666;
  color: #000000;
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
	font-size: small;
}
#container {
	width: 770px;
	padding: 0 10px;
	margin: auto;
	background: #ffffff;
}
#footer {
	clear: both;
	padding: 3px 10px;
	background-color: #590859;
	color: white;
	font-weight: bold;
	font-size: 80%;
	margin: 0;
}
	#footer a {
  	text-decoration: none;
  	color: white;
	}
	#footer a:hover {
  	color: #eed3eb;
	}

/*
	TOPNAV: Because images were used to create the original design navigation, many styles are needed to use those images
*/
#topnav {
	background-image: url('images/nav/topnavbg.jpg');
  background-repeat: no-repeat;
	color: white;
	font-size: 10px;
	margin-left: 161px;
	height: 108px;
}
	#topnav table {
		border: none;
		margin: 78px 10px 0;
		text-align: center;
	}
	#topnav tr {
		vertical-align: top;
	}
	#topnav td {
		border-right: 1px solid white;
		padding: 0 12px;
	}
	#topnav a {
		color: white;
		text-decoration: none;
		display: block;
	}
	#topnav a:hover {
		color: black;
	}
/* end TOPNAV */

/* TOPNAV2 - text-based navigation below page banner */
#topnav2 {
	width: 95%;
	margin: 15px auto 5px;
}
#topnav2 a {
	color: #666666;
	text-decoration: none;
}
#topnav2 a:hover {
	text-decoration: underline;
}
#topnav2 .right {
	text-align: right;
}
#topnav2 tr.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	color: #666666;
	font-weight : bold;
	background-color: #FFFFFF;
}
  #topnav2 .headerNavigation a { 
    color: #666666; 
  }
  #topnav2 .headerNavigation a:hover {
    color: #666666;
  }
/* end TOPNAV2 */

/* BREADCRUMBS */
#crumbNavigation {
	padding: 5px 10px;
	background-color: #620c62;
	color: white;
	font-weight: bold;
	font-size: 80%;
	margin: 10px 0;
}
  #crumbNavigation a {
  	text-decoration: none;
  	color: white;
  }
  #crumbNavigation a:hover {
  	color: #eed3eb;
  }
/* end BREADCRUMBS */

/* LEFT COLUMN BOXES */
#leftcol {
	width: 172px;
	float: left;
}
.box {
	border-left: 1px solid #A35F9C;
	border-right: 1px solid #A35F9C;
	padding: 5px 15px 0 15px;
	margin: 0;
	font-size: 80%;
	text-transform: lowercase;
}
  .box .maincat {
  	list-style-image: url('images/boxes/pointer_shaded.gif');
  	margin: 0;
  	padding: 0;
  }
    .box .maincat li {
    	margin: 0 0 0 15px;
    }
    .box .maincat a {
    	color: #666666;
    	font-weight: bold;
			padding: 3px 0;
    	text-decoration: none;
    	display: block;
    }
    .box .maincat a:hover {
  		font-style: italic;
			text-decoration: underline;
    } 
		.box .collection .maincat a {
  		font-size: 120%;
			color: #333333;
  	}
		.box .collection .maincat a:hover {
			font-style: italic;
			text-decoration: underline;
		}	
  .box .subcat {
  	list-style-image: url('images/boxes/pointer_open.gif');
  	margin: 0;
  	padding: 0;
  }
    .box .subcat li {
    	margin: 0 0 0 15px;
    }
    .box .subcat a {
    	color: #666666;
  		padding: 2px 0;
    	text-decoration: none;
  		font-weight: normal;
    	display: block;
    }
    .box .subcat a:hover {
  		font-style: italic;
			text-decoration: underline;
    }
.box a {
	color: #666666;
	text-decoration: none;
}
.box a:hover {
	text-decoration: underline;
}
.boxbottom {
	margin-left: 14px;
	width:144px;
	background-image: url('images/boxes/bottom.gif');
	background-repeat: repeat-x;
}
.boxlist {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}
	.boxlist li {
		padding-bottom: 3px;
	}
/* end left column */

/* special home page styles */
#hmpgimgs {
	border: none;
	width: 
}
	#hmpgimgs tr {
		vertical-align: top;
	}
	#hmpgimgs td {
		padding: 0 8px 5px 0;
	}
	#hmpgimgs .last {
		padding-right: 0;
	}
/* end special home page styles */

/* styles for 'Show Off' page */
.showoff {
}
	.showoff table {
		border: none;
		margin: 0 auto 10px;
	}
	.showoff tr {
		vertical-align: top;
	}
	.showoff td {
		padding: 0 4px;
		text-align: center;
	}
	.showoff p {
		margin: 3px auto 5px;
		width: 90%;
		font-size: 90%;
		font-style: italic;
	}
/* end 'Show Off' page styles */

form, input {
	margin: 0;
	padding: 0;
}
form fieldset {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #A35F9C;
}
form legend {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
	font-style: italic;
	color: #92568c;
}
.formfld {
	font-weight: bold;
	font-size: 85%;
}
.formlabel {
	width: 30%;
	font-size: 85%;
	padding-right: 5px;
	text-align: right;
}
.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
}
.errmsg {
	color: red;
	font-size: 90%;
	font-weight: bold;
}
/* end LEFT COLUMN BOXES */

/* MAINCONTENT */
#maincontent {
	margin-left: 185px;
	padding-bottom: 10px;
}
.arrowlist {
	list-style-image: url(images/arrow_green.gif);
}
.arrowlist li {
	padding-bottom: 5px;
} 
.grayborder th, .grayborder td {
	border: 1px solid gray;
}
/* end MAINCONTENT */

/* LINKS */
a {
	font-weight: bold;
	color: blue;
}
a:hover {
	color: #384400;
	font-weight: bold;
}
/* end LINKS */

/* Checkout process bar */
.checkoutBarFrom, .checkoutBarTo {
	font-size: 75%;
	color: #999999;
}
.checkoutBarCurrent {
	font-size: 75%;
	color: #000000;
}
/* end Checkout process bar */

/* TABLES */
.prodListing, .cartListing, .prodcatalog {
	border: none;
	width: 100%;
}
.prodcatalog {
	text-align: center;
}
.prodcatalog tr {
	vertical-align: top;
}
.prodcatalog td {
	width: 140px;
	padding: 0 3px 10px 3px;
}
.prodListing th, .cartListing th {
	background-color: #590859;
	color: white;
	font-weight: bold;
	font-size: 80%;
	padding: 2px;
	text-align: center;
}
.cartListing tr {
	vertical-align: top;
}
.cartListing td {
	padding-top: 5px;
}
.prodListing td {
	padding: 5px;
}
.prodListing .pimg {
	text-align: center;
	width: 170px;
}
.prodListing .pimg img, .cartListing td img {
	border: 1px solid #999999;
}
.prodListing .price {
	text-align: right;
	width: 100px;
}
.prodListing .buynow {
	text-align: center;
	width: 80px;
}
.cartcol {
	width: 60px;
	text-align: center;
}
.cartlastcol {
	width: 60px;
	text-align: right;
	font-weight: bold;
}
fieldset table td {
	padding: 5px;
}
/* end TABLES */

/* HEADINGS */
h1, h2, h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 0;
}
h1 {
	font-size: 150%;
	color: #333333;
	margin-bottom: 15px;
}
h2 {
	font-size: 130%;
	color: #590859;
	margin: 20px 0 7px;
	
}
h3 {
	font-size: 110%;
	font-style: italic;
	color: #590859;
	margin: 10px 0 0;
}
.pseudohdg {
	font-weight: bold;
	font-size: 85%;
}
/* end HEADINGS */

/* SPECIAL FONTS */
.bigprint {
	font-size: 150%;
	color: #666666;
}
.caption {
	font-size: 85%;
	font-style: italic;
	color: #590859;
}
.catname {
	font-size: 125%;
}
.catdesc {
	font-weight: bold;
	font-size: 115%;
	color: #92568C;
}
.fineprint {
	font-size: 90%;
}
.hilite {
	font-weight: bold;
	color: #590859;
}
.hilite2 {
	font-style: italic;
	color: #590859;
}
.microprint {
	font-size: 80%;
}
.medfineprint {
	font-size: 85%;
}
.more_hilite {
  font-size: 110%;
  font-weight: bold;
  color: #312363;
}
.newprice {
	color: #ff0000;
}
.oldprice {
	text-decoration: line-through;
}
a.pgresults {
	color: #92568C;
	text-decoration: underline;
}
a.pgresults:hover{
	background-color: #92568C;
	color: white;
}
.greetUser {
  color: #92568C;
  font-weight: bold;
	font-size: 120%;
}
.orderEdit {
	font-size : 80%;
	font-style: italic;
	text-decoration: underline;
}
.tagline {
	font-weight: bold;
	color: black;
	margin-bottom: 20px;
}
.whitebasic {
	color: #FFFFFF;
	font-size: 85%;
	line-height: 150%;
}
/* end SPECIAL FONTS */

/* MISC */
.goLeft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.goRight {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.divider {
	width: 75%;
	margin: auto;
	border-bottom: 1px solid #92568C;
}
.feature {
	background-color: #eeeeee;
	border: 1px solid #590859;
	padding: 10px;
	margin: 10px;
	float: right;
	color: #590859;
}
img {
	border: none;
}
.prodImg {
	border: 1px solid black;
	padding: 0;
}
.subcats {
	float: left;
	width: 180;
	padding: 5px 7px;
	text-align: center;
}