@charset "utf-8";
/* CSS Document */

	/* general */
	
	A,A:visited  {
	COLOR: #000000; TEXT-DECORATION: underline
	}
	A:hover {
	COLOR: #000000; TEXT-DECORATION: none
	}
	
	body
	{
		display:block;
		background: #fff;
		line-height: 1.1;
		font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
        width: 770px;
		margin-left:auto;
		margin-right:auto;
	}

	p, li {
	  line-height:150%
	}

	/* nav bar */
	div#navcontainer
	{
		background: #31656B url(graphics/00000001/ui/WFENavBackground.png) right no-repeat;
		margin: 0 0 0px;
		min-height:2.3em;
	}

	div#navcontainer
	{
		margin-bottom:0;
	}

	ul#navlist
	{
		display:block;
		padding:0;
		margin:0;
		float:right;
		color: #FFF;

	}

	ul#navlist li
	{
		display: block;
		float: left;
		position: relative;
	}

	ul#navlist li a
	{
		display: block;
		float: left;
		padding: 4px 8px;
		text-decoration: none;
		font-weight:bold;
		font-size: 114%;
		color: #FFF;
		border: 1px solid #31656B;
		border-width: 0 1px 0 0;
		white-space: nowrap;
	}

	ul#navlist li a:hover
	{
		background: #448887 url(graphics/00000001/ui/WFENavBackgroundI.png);
		color: #FFFFFF;
	}

	ul#navlist li a.active
	{
		color: #fff;
		font-weight: bold;
	}
	ul#navlist form
	{
		display:block;
		padding:0;
		margin:3px 0 0 0 ;
	}
	
	.navlistsearchcenter
	{
		display:block;
		padding:0;
		margin:5px 5px 0 0 ;
	}
	
		/* Page Content */
	.contentwrapper 	/* left hand content margin */
	{
		margin: 0 0 0 15px;
	}

		/* Content Boxes */
	.contentbox
	{
		display:block;
		margin:0 0 6px 0;
	}
	.contentboxlinked
	{
		display:block;
		cursor: pointer;
		margin:0 0 6px 0;
	}
	.contentboxheader
	{
		background:#31656b;
		background:url(graphics/00000001/ui/WFENavBackground.png) right bottom no-repeat;
/*		background:url(WFE New Nav Bar/WFENavBackground.png) right bottom no-repeat; */
		text-align: center;
		color: #ffffff;
		font-weight:bold;
		padding:2px 2px 2px 2px;
	}
	.contentboxbody
	{
		border: 1px solid #31656B;
		padding:5px 5px 5px 5px;
/*		font-size: xx-small; */
	}	
	.contentboxbody h1
	{
/*		font-size:medium; */
	}	
	.contentboxbody3upsquare /* 175 px square image centered */
	{
		border: 1px solid #31656B;
		padding:5px 5px 0px 5px;
		height: 180px;
	}
	.contentboxbody4upsquare /* 143 px square image centered */
	{
		border: 1px solid #31656B;
		padding:5px 5px 0px 5px;
		height: 140px;
	}
	.contentboxbody img
	{
    	display: block;
	    margin-left: auto;
	    margin-right: auto;
	}
	.contentboxbody3upsquare img
	{
    	display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

		/* Footer */
	.footertext
	{
		font-size: xx-small;
	}
	

		/* Cat Tree */
	.treewidth
	{
    display: block;
	width:170px;
	}
	.treeheader
	{
	font-size: 150%;
	font-weight:bold;
	position: relative;
	left: -5px;
	}
	.selectedcategory 	
	{
	display: block;
	width:100%;
	margin: 2px 0 0 0;
	background:#cccccc;
	padding: 1px 1px 2px 2px ;
	border: 1px solid #31656B;
	font-weight:bold;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Google Chrome */
	border-radius: 5px; /* Internet Explorer 9, Opera 10.5+, dev channel releases of Google Chrome */

	}
		/* END Cat Tree */
		
		/* Cat Pagination and Sorting*/
	.catpagination
	{
		background:#F0F0F0;
		padding: 5px;
		margin:0 0 5px 0;
	}
	.catpagination form
	{
		display:block;
		padding:0;
		margin:2px 0 0 0 ;
	}
		/* END Cat Pagination and Sorting*/

		/* You Might Also Like */
	.alsolike
	{
		display:block;
		width:170px;
		margin:0 0 0 0px;
	}
		/* END You Might Also Like */

	/* FULL CSS layout going forward  Below*/

#breadcrumb {
margin-bottom: 0px;
}
#assignedcategory {
margin-bottom: 10px;
}
#productname {
font-weight:bold;
margin-bottom: 5px;
}
#productimage {
margin-bottom: 10px;
}
#productinfo {
}

#suggestedproducts {
		display:block;
		padding:0;
		margin:0;
		float:none;
		color: #FFF;
}
#suggestedproducts li{
		list-style-type: none;
		display: block;
		float: left;
		position: relative;
		padding: 10px;
                width: 30%;
}

#relatedproducts {
list-style-type: none;
margin: 0;
padding: 10px 0 0 0;
width: 170px;
float: left;
border: 1px solid #31656B;
margin-top: 20px;
}

#relatedproducts li{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;

}

#relatedproducts li a{
display: block;
width: auto;
padding: 5px 0;
text-decoration: none;
}

#relatedproducts li a:hover{

}

#productcontainer{
margin: 0 0 0 15px
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}