/*********************************************************
 * Wesupply Homepage CSS Stylesheet
 *********************************************************
 * Version: 1.0
 * CSSVer : 2
 *********************************************************/


#HomepageWhiteBox {background: #FFFFFF url(../images/white-box-tile-bg.png) 0% 0% repeat-y;  width: 901px; 			margin: 0; padding: 0; float: left; ;}
#HomepageWhiteBoxContent	{ width: 674px; /*height: 272px;*/ float: left; height: 251px; overflow: hidden;}
#HomepageWhiteBoxContent	h2 { color: #002147; float: left; width: 325px; font-size: 21px; font-weight: normal;text-align: justify;}
#WhatDoWeDo {float: left; width: 219px; height: 75px;  overflow: hidden;background: transparent 				url(../images/210x75-what-we-do.png) 0% 0% no-repeat; margin: 10px 0 0 0; padding: 0;}


.WhatWeDoContent 	{float: left; margin: 0 0 0 69px; padding: 0; width: 150px; text-align: left;}
.WhatWeDoContent h3 	{font-size: 18px; font-weight: normal; margin: 21px 0 0 0;}
.WhatWeDoContent p	{font-size: 11px; margin: 4px 0 0 0; padding: 0;font-weight: normal; color:#313131; font-family: Arial, Helvetica,Sans-Serif; }
.WhatWeDoContent a:link,
.WhatWeDoContent a:hover,
.WhatWeDoContent  a:visited { color:#002147; font-size:100%; text-decoration: none; font-family: Arial;}
.WhatWeDoContent p a:link, .WhatWeDoContent p a:hover, .WhatWeDoContent p a:visited {color: #313131;
font-size:100%;text-decoration:none;}

#Downloads {float: left; width: 219px; height: 75px;  overflow: hidden;background: transparent 				url(../images/downloads-bg.png) 0% 0% no-repeat; margin: 8px 0 0 0; padding: 0;}
#ContactUs {float: left; width: 219px; height: 75px;  overflow: hidden;background: transparent 				url(../images/contact-us-bg.png) 0% 0% no-repeat; margin: 8px 0 0 0; padding: 0;}



#Hub		{ width:901px; margin:10px 0 0 0;background: transparent
 				url(../images/slide-menu-bg.png) 0% 0% no-repeat; height:38px; text-align: center; overflow: hidden;}	
/* {{{ */
#Hub h3		{color: #002147; font-size: 14px; margin: 0 0 0 10px; padding: 0; font-weight: bold; text-align: 	center; }

#Hub ul           { float:right; clear:both; width:859px;
                   padding:0px; margin:0px;font-weight: bold; text-align: center; height: 38px;}

#Hub li           { float:left; clear:none; list-style-type:none; font-weight: bold; width: 200px; overflow: 		 hidden; text-align: center;  padding: 6px 0 0 0; margin: 0;}

.HubElement	{ float:left; clear:none; font-weight: bold; overflow: hidden; text-align: left;  padding: 6px 0 0 0; margin: 0; background: transparent
 				url(../images/slide-menu-divider.png) 85%  40% no-repeat; 	width: 250px;}
.HubElement a:link,
.HubElement a:hover,
.HubElement a:visited { color:#e66c31; font-size:12px; text-decoration: none; float: left; text-align: left !important;font-family: Arial, Helvetica,Sans-Serif;width: 150px; margin: 0 0 0 10px;}
 
 .HubElement h3	{font-size: 12px !important; width: 202px; text-align: left !important;}

.HubSingle	{ float:left; clear:none; font-weight: bold; overflow: 		 hidden; text-align: center;  padding: 6px 0 0 0; margin: 0; width: 700px !important;}
.HubSingle a:link,
.HubSingle a:hover,
.HubSingle a:visited { color:#e66c31; font-size:70%; text-decoration: none; width: 202px; float: left; text-align: left !important;font-family: Arial, Helvetica,Sans-Serif;}

#HubContent	{margin: 0 0 0 50px; padding: 0 auto;  height: 38px;  float: left; width: 100%;}

.HubDivider	{margin: 5px 0 0 0 !important; padding: 6px 0 0 0 !important; width: 30px !important; float: left;}

/*
.HubDivider	{margin: 0 !important; padding: 0; width: 0px !important; height: 0 px !important; overflow: none;}
*/

.HubDivider cloned {margin: 0 !important; padding: 0; width: 0px !important; height: 0 px !important; overflow: none;}

#LastHubElement	{ width: 80px !important; margin: 7px 35px 10px 0; padding: 0; float: left;}
#LastHubElement a:link,
#LastHubElement a:hover,
#LastHubElement  a:visited { color:#002147; font-size:100%; text-decoration: none; 	width: 100%; text-align: left; /*font-size: 80%;*/ font-size: 11px; font-weight: bold;}
/* }}}-Hub */


.HubBoxesDivider	{height: 14px;  clear: both;}
/* {{{ */

.SmallBox	{float: left; width: 219px; padding: 0; margin: 0 6px 0 0; text-align: left;}
.SmallBoxTop	{ background: transparent url(../images/small-box-top-bg.png) 0% 0% no-repeat; height: 17px;float: left; width: 100%;}
.SmallBoxBody 	{ background: transparent url(../images/small-box-gray-tile-bg.png) 0% 0% repeat-y; float: left;width: 219px; }
.SmallBoxBody	h3 {color: #d95e17; font-size: 120%; margin: 0 0 10px 0; padding: 0; font-weight: normal;}
.SmallBoxBody	h3 a:link, 
.SmallBoxBody	h3 a:hover,
.SmallBoxBody	h3 a:visited {color: #d95e17; margin: 0 0 19px 0; padding: 0; font-size: 22px;}

.SmallBoxBody	h4 {color: #002147; font-size: 14px; margin: 0; padding: 0; font-weight: normal; line-height: 20px;}
.SmallBoxBody	ul	{list-style-type: none; margin: 0; padding: 0;font-family: Arial, Helvetica,Sans-Serif;}
.SmallBoxBody	li	{list-style-type: none; margin: 8px 0 8px 0; padding: 0;font-family: Arial, Helvetica,Sans-Serif;}
.SmallBoxBody	p 	{color: #002147; font-size: 14px;}
.SmallBoxBody	li a:link, 
.SmallBoxBody	li a:hover,
.SmallBoxBody	li a:visited { color:#313131; font-size: 12px; margin: 0; padding: 0 16px 0 0;  background: transparent
 				url(../images/orange-arrow-small.png) 100% 50% no-repeat; font-family: Arial, Helvetica,Sans-Serif;}

.SmallBoxBodyContent 	{width: 202px; margin: 0 0 0 7px; padding: 0; float: left; /*height: 212px;*/ position: relative;}
.SmallBoxBottom	{ background: transparent url(../images/small-box-bottom-bg.png) 0% 0% no-repeat; height: 5px;float: left;width: 100%;}
.AlwaysBottomButton	{position: absolute;bottom: 6px;left: 10px;}
.AlwaysBottomText	{position: absolute;bottom: 0px;left: 0px;}

/* }}}-SmallBox */

.SmallBoxButton	{ color:#fff; font-size:80%; width:184px; height:25px; line-height:26px;
		  font-weight:bold; float:left; text-align:left;
		  background:transparent url(../images/find-out-more-bg.png) 0% 0% no-repeat; padding: 0 0 0 9px; margin: 5px 0 0 0;font-family: Arial, Helvetica,Sans-Serif;}
.SmallBoxButton a:link		{ color:#002147; text-decoration:none; font-size: 12px;}
.SmallBoxButton a:visited	{ color:#002147; text-decoration:none; font-size: 12px; }
.SmallBoxButton a:hover	{ color:#002147; text-decoration:underline; font-size: 12px; }
.SmallBoxButtonAlign	{margin: 0 0 0 16px; float: left;}
/* }}}-SmallBoxButton*/

#LatestNews		{ width: 219px; margin: 0; padding: 0; float: right; }
#LatestNews	h3	{font-size: 14px; color: #fcfcfc; margin: 6px 0 0 11px; padding: 0; font-weight: normal;}
#LatestNews	p	{color: #434445; font-size: 11px;  margin: 0 0 0 5px !important; padding: 0;}

#LatestNews	 a:link, 
#LatestNews 	 a:hover,
#LatestNews	 a:visited { color:#002147; font-size: 11px; margin: 0 10px 0 110px; }

#LatestNewsTop		{ width: 100%; background: transparent url(../images/latest-news-up-bg.png) 0% 0% 			no-repeat; 		height: 25px;float: left;}
#LatestNewsContent	{background: transparent url(../images/small-box-gray-tile-bg.png) 0% 0% repeat-y; float: 			left; width: 100%; /*min-height: 184px;*/ height: 238px;}
.LatestNewsDivider	{background: transparent url(../images/latest-news-divider.png) 50% 0% no-repeat; float:left; width: 100%; height: 1px; margin: 6px 0 6px 0; clear: both; *margin: 2px 0 2px 0;}
#LatestNewsBodyContent	{width: 194px; float: left; margin:11px 0 0 11px; padding: 0;}
#LatestNewsBottom	{background: transparent url(../images/latest-news-bottom-bg.png) 0% 0% no-repeat; 			height: 25px;float: left; width: 100%; margin:0; padding: 0;}

#LatestNewsBottom	 a:link, 
#LatestNewsBottom  a:hover,
#LatestNewsBottom	 a:visited { color:#002147; font-size: 12px; margin: 5px 28px 0 0; float: right;font-weight: bold;}

/* slideshow items */

	div#slideShowItems{
	  	height:253px;
/* 		overflow:hidden; */
		position:relative;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	div#slideShowItems div{
		width:626px;
	}
	
	div#slideShowItems h2{
		clear: none;
	}
	
	div#slideShowItems img {
		margin-right:13px;
		float:left;		
	}
	
	div#slideShowItems	h2 {
		margin: 32px 0 0 0;
		 font-family: Arial;
	}
	
	ul#slideShowCount{
		margin:0px;
		padding:0px;
		width:626px;
	}
	ul#slideShowCount li.slide{
		line-height:14px;
		float:right;
		cursor:pointer;
		width:26px;
		height:18px;
		display:block;
		background: transparent url(tabs.jpg) no-repeat scroll left top;
	}
	
	ul#slideShowCount li.slide span{
		padding-left:10px;
		color:white;
		font-weight:bold;
		font-size:12px;
	}
	
	ul#slideShowCount li.slide:hover{
		background-position:left -18px;
	}
	
	ul#slideShowCount li.slide.selectedTab{
		background-position:left -18px;
	}
	div#slideShow{		
		overflow: hidden;
		width:626px;
		margin: 0 0 0 10px;
		padding: 0;
		height: 253px;
		float: left;
	}