*					{
					padding: 0px;
					margin: 0px;
					}

body					{
					background-color: #CCCCCC;
					font-family: verdana, arial, sans-serif;
					}


/* header styles */
div.shadowLeft				{
					display: block;
					background-color: transparent;
					background-image: url("images/bg-shadowleft.gif");
					background-position: left;
					background-repeat: repeat-y;
					width: 760px;
					margin: 0px auto 0px auto;
					padding: 0px 0px 0px 13px;
					}
div.shadowRight				{
					display: block;
					background-color: transparent;
					background-image: url("images/bg-shadowright.gif");
					background-position: right;
					background-repeat: repeat-y;
					width: 760px;
					margin: 0px auto 0px auto;
					padding: 0px 14px 0px 0px;
					}
div.headerArea				{
					display: block;
					background-color: #fff;
					width: 760px;
					margin: 0px auto 0px auto;
					border-left: 1px solid #414141;
					border-right: 1px solid #414141;
					}
img.logo				{
					width: 274px;
					height: 30px;
					margin: 37px 0px 23px 14px;
					}
/* end of header styles */



/* topNavigationArea styles */
div.topNavigationArea			{
					display: block;
					background-color: #fff;
					background-image: url("images/bg-topnav.gif");
					background-position: bottom;
					background-repeat: repeat-x;
					float: left;
					width: 760px;
					font-size: 0.70em;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					border-left: 1px solid #414141;
					border-right: 1px solid #414141;
					border-bottom: 1px solid #666666;
					}
div.topNavigationArea ul		{
					display: block;
					background-color: transparent;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					list-style-type: none;
					}
div.topNavigationArea li		{
					display: block;
					background-color: transparent;
					background-image: url("images/bg-navdivider.gif");
					background-position: right bottom;
					background-repeat: no-repeat;
					float: left;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0em 0px;
					}

div.topNavigationArea a			{
					display: block;
					background-color: transparent;
					text-decoration: none;
					float: left;
					height: 17px;
					padding: 6px 12px 0px 12px;
					margin: 0px 1px 0px 0px;
					color: #05437A;
					font-weight: bold;
					}
html>body div.topNavigationArea a	{
					height: auto;
					min-height: 18px;
					margin: 0px 2px 0px 0px;
					}
div.topNavigationArea a:hover		{
					background-color: #fff;
					background-image: url("images/bg-topnav-hi.gif");
					background-position: bottom;
					background-repeat: repeat-x;
					text-decoration: none;
					}
div.topNavigationArea a.selected	{
					background-color: #fff;
					background-image: url("images/bg-topnav-hi.gif");
					background-position: bottom;
					background-repeat: repeat-x;
					text-decoration: none;
					}

/*  end of topNavigationArea styles */


div.pageImage				{
					display: block;
					background-color: #fff;
					background-position: bottom;
					background-repeat: no-repeat;
					width: 760px;
					height: 213px;
					border-left: 1px solid #414141;
					border-right: 1px solid #414141;
					}
div.homeImage				{
					background-image: url("images/page-home.jpg");
					}
div.schoolwearImage			{
					background-image: url("images/page-schoolwear.jpg");
					}
div.childrenswearImage			{
					background-image: url("images/page-childrenswear.jpg");
					}
div.menswearImage			{
					background-image: url("images/page-menswear.jpg");
					}
div.contactImage			{
					background-image: url("images/page-contact.jpg");
					}


/* page alignment */
div.pageArea				{
					display: block;
					background-color: #fff;
					width: 760px;
					padding: 30px 0px 35px;
					margin: 0px auto 0px auto;
					font-size: 1em;
					border-left: 1px solid #414141;
					border-right: 1px solid #414141;
					border-bottom: 1px solid #414141;
					}
/* end of page alignment */





/* textContentArea styles */
div.textContentArea			{
					display: block;
					float: left;
					width: 680px;
					padding: 0px 40px 0px 40px;
					font-size: 0.7em;
					color: #646669;
					line-height: 1.45em;
					margin-bottom: -4em;
					}
html>body div.textContentArea		{
					margin-bottom: 0px;
					}

div.leftCol				{
					display: block;
					float: left;
					width: 490px;
					padding: 0px 15px 0px 0px;
					border-right: 2px solid #CCCCCC;
					}
div.rightCol				{
					display: block;
					border-left: 2px solid #CCCCCC;
					float: left;
					width: 158px;
					padding: 0px 0px 10px 15px;
					margin: 0px 0px 0px -2px;
					}

div.twoColumnText			{
					display: block;
					background-color: transparent;
					margin-bottom: -4em;
					font-size: 1.15em;
					}
html>body div.twoColumnText		{
					margin-bottom: 0px;
					}
div.leftColumnText			{
					display: block;
					float: left;
					width: 48%;
					}
div.rightColumnText			{
					display: block;
					float: left;
					width: 48%;
					margin: 0px 0px 0px 3%;
					}

.brandLogo				{
					display: block;
					margin: 0px 0px 10px 0px;
					}

/* end of textContentArea styles */




/* footerTextArea styles */
div.footerTextArea			{
					display: block;
					width: 760px;
					margin: 0px auto 30px auto;
					padding: 3px 14px 0px 13px;
					font-size: 0.65em;
					}
html>body div.footerTextArea		{
					padding-left: 26px;
					}

div.footerTextArea p			{
					padding: 0px;
					margin: 0px;
					}
div.footerTextArea a			{
					text-decoration: none;
					}
div.footerTextArea a:hover		{
					text-decoration: underline;
					}

div.ftitText				{
					display: block;
					float: right;
					}
/* end of footerTextArea styles */



p					{
					display: block;
					padding: 0px 0px 1.3em 0px;
					}
p.strapLine				{
					font-weight: bold;
					font-size: 1.6em;
					color: #808285;
					}

a					{
					color: #0000FF;
					text-decoration: none;
					}
a:hover					{
					color: #0000FF;
					text-decoration: underline;
					}

h1					{
					display: block;
					color: #003768;
					font-size: 2.9em;
					font-weight: normal;
					line-height: 1.15em;
					padding: 0px;
					margin: 0px 0px 0.6em 0px;
					}

.smallText				{
					font-size: 0.8em;
					line-height: 1.4em;
					}

div.clear				{
					display: block;
					clear: both;
					font-size: 0px;
					}