﻿
	body
	{
		background-color: #3079a6;
		background-image: url(/images/blueBackground.jpg);
		background-position: center top;
		background-attachment:scroll;
	}

	.container
	{
		background-color: #fff;
		border: solid 4px #689cd2;
	}


	#HomePageBannerAdSpace, #footerAdSpace
	{
		text-align:center;
		margin:auto;
		
	}

	#HomePageBannerAdSpace
	{
		width:644px;
	}

	#footerAdSpace 
	{
		width:728px;
	}

	#leftAdSpace 
	{
		
	}

	#rightTopAdSpace
	{
		
	}

	#rightBottomAdSpace
	{
		
	}

	.specialMessage 
	{
		border-top:solid 1px #d3d3d3;
		border-bottom:solid 1px #d3d3d3;
	}
	        

/***** HEADER *****/
	#header-container
	{
		border: solid 1px #c9c9c9;
	}

	.siteLogo
	{
		margin: 5px 0px 5px 0px;
		padding: 0px;
	}

	.siteLogo h1
	{
		margin: 0px auto;
		padding: 0px;
		text-align: center;
	}


	#header-container h1 a:hover
	{
		text-decoration: none;
	}


	.padRight
	{
		margin-right: 5px;
	}
	.padLeft
	{
		margin-left: 5px;
	}

	.centerRows
	{
		background-color: #cfcfcf;
	}
	
	#nav { width:820px; }
	.rowOne li span, .rowTwo li span, .rowThree li span
	{
		display: block;
		padding: 0px 5px;
	}

	.rowZero, .rowOne, .rowTwo, .rowThree
	{
		font-family: "Arial";
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0px;
		margin: 3px 0;
		text-transform: uppercase;
		line-height: 15px;
		height: 15px;
	}

	.rowZero
	{
		font-family: "Trebuchet MS";
		line-height: 35px;
		height: 35px;
	}

	.rowZero li, .rowOne li, .rowTwo li, .rowThree li
	{
		display: inline;
	}

	.rowOne li a, .rowTwo li a, .rowThree li a
	{
		cursor: pointer;
		text-decoration: none;
		display: block;
		padding: 0 0 0 5px;
		float: left;
		color: #000;
	}

	.rowZero li a
	{
		cursor: pointer;
		text-decoration: none;
		display: block;
		padding: 0 0 0 13px;
		margin: 2px 0 0 0;
		float: left;
	}

	.rowZero h2
	{
		margin-left: 0px;
		padding: 0px;
		font-size: 20px;
		font-style: italic;
		display: inline;
		letter-spacing: -1px;
		color: #c9c9c9;
	}

	.rowZero .searchButton
	{
		border: 0;
		background: transparent;
		font-weight: bold;
		font-style: italic;
	}

	.rowZero .searchBox
	{
		width: 130px;
		border: 0;
		background: transparent url(/images/rounded.gif) no-repeat top left;
		height: 22px;
		padding-top: 2px;
		text-indent: 2px;
	}


	.rowZero li a
	{
		cursor: pointer;
		text-decoration: none;
		display: block;
		padding: 0px;
		float: right;
	}

	.rowOne li a:hover span, .rowTwo li a:hover span, .rowThree li a:hover span
	{
		-moz-background-clip: border;
		-mox-background-inline-policy: continuous;
		-mox-background-origin: padding;
		background-color: #689CD2;
		color: #FFF;
	}

	.rowThree li a:hover span
	{
		background-color: transparent;
	}

	.rowOne li:last-child, .rowTwo li:last-child
	{
		float: right;
	}

	.rowTwo
	{
		font-size: 10px;
		font-weight: normal;
		margin: 0px; /*  background-color: #c9c9c9;*/
	}


	.rowThree
	{
		margin-top: 10px;
		margin-left: -10px;
		text-align: center;
	}

	.rowThree li a
	{
		font-size: 10px;
		width: 75px;
		text-align: center;
	}




/***** FOOTER *****/
	#footer-container
	{
		border-top: dotted 2px #cccccc;
		margin: 10px auto 0px auto;
		padding: 5px 0px;
		text-align: center;
	}

	#footer-container ul
	{
		list-style: none;
	}
	#footer-container ul li
	{
		display: inline;
		position: relative;
	}

	#footer-container ul li a
	{
		padding: 5px 10px;
		text-decoration: none;
		color: #aaa;
	}

	#footer-container ul li a:hover
	{
		color: #000;
	}



/***** PRODUCT LIST *****/
	.CategorySections
	{
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.SubCategory
	{
		width: 25%;
		text-align: center;
		margin: 3px 5px;
	}

	.SubCategory a
	{
		text-align: center;
	}
	.SubCategory .link
	{
		margin-bottom: 3px;
	}
	.SubCategory .image
	{
		width: 91px;
	}


/***** MAIN CONTENT  *****/
	#content-container
	{
		text-align: left;
		
	}

	.breadCrumbs
	{
		margin: 0px 0px 5px 0px;
		padding: 3px;
	}

	.loginBar
	{
		border : 1px solid #cccccc;
		background-color : lightyellow;
		font-size : 12px;
		color : #003366;
		font-weight: normal;	
		margin:3px 3px 8px 3px;
		text-align:right;
		padding:2px;
	}

	.content
	{
		
	}

/***** SIDE MENU *****/
	#sideMenu-container
	{
		
		margin: 5px 0px 5px 2px;
		font-size: .9em;
		padding: 2px 0px;
	}

	#sideMenu-container li a
	{
		display: block;
		color: #000;
	}
	#sideMenu-container a:link
	{
		text-decoration: none;
	}
	#sideMenu-container a:visited
	{
		text-decoration: none;
	}
	#sideMenu-container a:hover
	{
		color: #AAA;
		text-decoration: none;
	}

	#sideMenu-container ul ul li a:hover
	{
		padding-left: 4px;
		margin: 0px 0px -1px 0px;
		border-bottom: solid 1px black;
		display: block;
		border-left: solid 3px orange;
		margin-left: -7px;
	}

	#sideMenu-container h3
	{
		border-bottom: solid 1px black;
		font-size: 1em;
		margin-top: 10px;
		margin-bottom: 3px;
	}

	#sideMenu-container ul
	{
		list-style-type: none;
		margin-top: 0px;
		margin-left: 0px;
	}

	#sideMenu-container ul li
	{
		list-style-type: none;
		margin-left: 0px;
		font-size: 90%;
		margin-top: 0px;
	}

	#sideMenu-container ul ul li
	{
		margin-left: 10px;
	}


/***** SPECIAL / RELATED ITEMS *****/
	#relatedItems * { margin:0px; padding:0px; }
	#relatedItems .clear { clear:left; height:1px; overflow:hidden; }
	#relatedItems { font-size:90%; position:relative;  width:100%;  overflow:hidden; } /* MARGIN */
	#relatedItems legend { font-size:120%; font-weight:bold; font-style:italic; padding:3px 5px 3px 5px; color:Blue; }

	#relatedItems ul { float: left; list-style:none; width:100%; margin:0px; padding:0px; }
	#relatedItems li, #relatedItems li:hover { list-style:none; background-color:lightyellow; margin:5px 0px; padding:3px 2px; border: dashed 1px gray;  } /* FLOAT WIDTH */
	#relatedItems li:hover { background-color:lightgreen; cursor:pointer; }
	#relatedItems a:link, #relatedItems a:visited, #relatedItems a:hover { width:100%; cursor:hand; text-decoration:none; } /* HEIGHT */
	#relatedItems a:hover { background-color:lightgreen; }

	#relatedItems .imgHld { float: left; margin:2px; min-height:80px; }
	#relatedItems img { border:solid 2px gray; width:80px; } /* HEIGHT */

	#relatedItems h1 { line-height:.8em; border-bottom:solid 1px black; font-size:120%; font-weight:bold; font-style:italic; margin-bottom:0px; padding:3px 5px 0px 5px; color:Blue;}
	#relatedItems h2 { font-size:95%; margin:0px 0px 3px -3px; padding:0px; border-bottom:solid 1px black; }
	#relatedItems .detail, #relatedItems .detail:hover { width:100%; padding:1px 5px; } /* FLOAT WIDTH */
	#relatedItems .style { }
	#relatedItems .brand { }
	#relatedItems .each { }

	#specials * { margin:0px; padding:0px; }
	#specials .clear { clear:left; height:0px; overflow:hidden; }
	#specials { font-size:90%; position:relative;  width:100%;  overflow:hidden; margin:10px 0px;} /* MARGIN */
	#specials legend { font-size:120%; font-weight:bold; font-style:italic; padding:3px 5px 3px 5px; color:Blue; }

	#specials ul { float: left; list-style:none; width:100%; margin:0px 0px 0px 10px; padding:0px; }
	#specials li, #specials li:hover { list-style:none; background-color:lightyellow; float: left; width:44%; margin:5px 3px; padding:3px; border: dashed 1px gray;  } /* FLOAT WIDTH */
	#specials li:hover { background-color:lightgreen; cursor:pointer; }
	#specials a:link, #specials a:visited, #specials a:hover { width:100%; cursor:hand; text-decoration:none;  height:100%; } /* HEIGHT */
	#specials a:hover { background-color:lightgreen; }

	#specials .imgHld { float: left; margin:2px; min-height:80px; }
	#specials img { border:solid 2px gray; height:100px; } /* HEIGHT */

	#specials h1 { line-height:.8em; border-bottom:solid 1px black; font-size:120%; font-weight:bold; font-style:italic; margin-bottom:0px; padding:3px 5px 0px 5px; color:Blue;}
	#specials h2 { font-size:95%; margin:0px 0px 3px 0px; padding:0px; border-bottom:solid 1px black; }
	#specials .detail, #specials .detail:hover { float:left;  width:60%; } /* FLOAT WIDTH */
	#specials .style { }
	#specials .brand { }
	#specials .each { }



/***** BUTTONS *****/
	.buttonAdd, .buttonStar, .buttonEmail, .buttonClearAll, .buttonRemove
	{
		display: block;
		height: 24px;
		line-height: 24px;
		padding-left: 28px;
		background-position: left top;
		background-repeat: no-repeat;
		overflow: hidden;
		margin-top: 5px;
	}

	.buttonAdd
	{
		background-image: url(/images/24px-plus.png);
		font-weight: bold;
		margin-bottom: 10px;
	}

	.buttonAdd:hover
	{
		background-color: #eee;
	}

	.buttonStar
	{
		background-image: url(/images/24px-heart.png);
	}

	.buttonEmail
	{
		background-image: url(/images/24px-mail.png);
	}

	.buttonClearAll
	{
		background-image: url(/images/24px-delete.png);
	}

	.buttonRemove
	{
		background-image: url(/images/24px-minus.png);
}

