/* CSS Document */
body	{
		margin: 0;
		text-align: center;
		background-color: #dadddf;
		}
#container	{
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		text-align: left;
		width: 840px;
		height: 610px;
		background-color: #52737A;
		}
/*-------------------------------------top------------------------*/
#logo	{
		float: left;
		width: 840px;
		height: 120px;
		background: url(../images/retail_page_images/text.jpg) no-repeat right;
		}
#logo img	{
		float: left;
		margin: 55px 0 0 19px; 
		padding: 0;
		border: none;
		}
/*-------------------------------------------topnav------------------*/
#leftnav	{
		float: left;
		margin: 20px 0 0 0px;
		padding: 0 0 0 19px;
		width: 440px;
		height: 31px;
		}

#leftnav p#charity	{
		float: left;
		font: normal 15px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		height: 23px;
		width: 65px;
		margin: 0;
		padding: 0;
		background: url(../images/retail_page_images/squares.jpg) no-repeat right;
		}
#leftnav p#corporate {
		float: left;
		font: normal 15px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		height: 23px;
		width: 88px;
		margin: 0 0 0 37px;
		padding: 0;
		background: url(../images/retail_page_images/squares.jpg) no-repeat right;
		}
#leftnav p#retail	{
		float: left;
		font: normal 15px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		height: 23px;
		width: 51px;
		margin: 0 0 0 37px;
		padding: 0;
		background: url(../images/retail_page_images/squares.jpg) no-repeat right;
		}
#leftnav p#stock	{
		float: left;
		font: normal 15px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		height: 23px;
		width: 55px;
		margin: 0 0 0 37px;
		padding: 0;
		background: url(../images/retail_page_images/squares.jpg) no-repeat right;
		}
#charity a:hover	{
		padding: 1px 14px 4px 0;
		background: url(../images/retail_page_images/squares2.jpg) no-repeat 52px 0px;
		}
#corporate a:hover	{
		padding: 1px 15px 4px 0;
		background: url(../images/retail_page_images/squares2.jpg) no-repeat 75px 0px;
		}
#retail a:hover	{
		padding: 1px 15px 4px 0;
		background: url(../images/retail_page_images/squares2.jpg) no-repeat 38px 0px;
		}
#stock a:hover	{
		padding: 1px 14px 4px 0;
		background: url(../images/retail_page_images/squares2.jpg) no-repeat 42px 0px;
		}
#leftnav a	{
		text-decoration: none;
		color: #FFFFFF;
		}
#leftnav a:hover	{
		text-decoration: none;
		color: #cccccc;
		}
#charity a:visited	{
		color: #a8a8a8;
		padding: 1px 14px 4px 0;
		background: url(../images/retail_page_images/squares3.jpg) no-repeat 52px 0px;
		}
#corporate a:visited	{
		color: #a8a8a8;
		padding: 1px 15px 4px 0;
		background: url(../images/retail_page_images/squares3.jpg) no-repeat 75px 0px;
		}
#retail a:visited	{
		color: #a8a8a8;
		padding: 1px 15px 4px 0;
		background: url(../images/retail_page_images/squares3.jpg) no-repeat 38px 0px;
		}
#stock a:visited	{
		color: #a8a8a8;
		padding: 1px 14px 4px 0;
		background: url(../images/retail_page_images/squares3.jpg) no-repeat 42px 0px;
		}
#rightnav	{
		float: right;
		width: 490px;
		height: 31px;
		margin: 20px 0 0 0;
		padding: 0;
		}
#rightnav ul	{
		margin: 0;
		padding: 0 0 0 75px;
		}
#rightnav ul li	{
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
		}
#rightnav ul li a	{
		text-decoration: none;
		margin: 0;
		padding: 0 8px 0 8px;
		font: normal 13px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		height: 15px;
		border-left: solid 1px #ffffff;
		}
#rightnav ul li#first a	{
		border-left: none;
		}
#rightnav ul li a:hover	{
		text-decoration: none;
		color: #cccccc;
		}
#rightnav ul li a:visited	{
		text-decoration: none;
		color: #a8a8a8;
		}
/*----------------------------------content----------------------------*/
#photo	{
		float: left;
		}
#content	{
		float: left;
		width: 840px;
		height: 290px;
		background-color:#FBFAF5;
		}
h3	{
		font: normal 19px Arial, Helvetica, sans-serif;
		color: #52737a;
		margin: 21px 0 0 36px;
		padding: 0;
		}
#text_content	{
		float: left;
		width: 280px;
		height: 175px;
		margin: 0;
		padding: 0;
		}
#text_content p	{
		margin: 33px 0 0 36px;
		padding: 0;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		word-spacing: 2px;
		}
#text_content a	{
		float: left;
		margin: 45px 0 0 36px;
		padding: 0;
		text-decoration: none;
		width: 220px;
		height: 15px;
		background: url(../images/retail_page_images/arrows.jpg) no-repeat 200px 0px;
		font: bold 11px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		}
#text_content a:hover	{
		color: #cccccc;
		padding: 0;
		background: url(../images/retail_page_images/arrows2.jpg) no-repeat 200px 0px;
		}
#right_link	{
		float: right;
		width: 260px;
		height: 175px;
		margin: 0;
		padding: 0;
		}
#right_link p	{
		float: left;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #676664;
		margin: 27px 0 0 0;
		padding: 0 0 0 40px;
		}
#right_link img	{
		padding: 0;
		border: none;
		}
#right_link img#woolw	{
		float: left;
		margin: 8px 0 0 40px;
		}
#right_link img#woolwlogo	{
		float: right;
		margin: 43px 6px 40px 0;
		}
#right_link img#smith	{
		float: left;
		margin: 10px 0 0 40px;
		}
#right_link img#whslogo	{
		float: left;
		margin: 23px 0 0 37px;
		}
/*----------------------------------------------footer-----------------------------*/
#footer_top	{
		float:left;
		width: 840px;
		height: 60px;
		margin: 0;
		padding: 0;
		background: url(../images/retail_page_images/bottom_text1.jpg) no-repeat 8px 0px;
		}
#footer	{
		float: left;
		width: 840px;
		height: 50px;
		margin: 0;
		padding: 0;
		background: url(../images/retail_page_images/bottom_text2.jpg) no-repeat  365px 0px;
		}
#footer_btm	{
		float: left;
		background-color: #98acad;
		height: 39px;
		width: 840px;
		margin: 0;
		padding: 0;
		}