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


#HomepageWhiteBox { background: #FFFFFF; width: 900px; 	margin: 0; padding: 0; float: left; }
#HomepageWhiteBoxContent	{ background: #FFFFFF url('../images/home-image.png');width: 644px; float: left; height: 239px; overflow: hidden; margin: 0 0 0 12px;}
#HomepageWhiteBoxContent	h2 { color: #002147; float: left; /*width: 458px;*/ font-size: 21px; font-weight: normal;text-align: justify; /* margin: 30px 0 0 18px; */ margin: 5px 0 10px 18px;}
#HomepageWhiteBoxContent h2 a:link, #HomepageWhiteBoxContent h2 a:hover, 
#HomepageWhiteBoxContent h2 a:visited { color: #002147; } 
/* {{{ */

#SmallBoxesHolder {float: left; margin: 0 0 0 12px; padding: 0;}
.SmallBoxNew 	{float: right; width: 222px; height: 63px; }
.SmallBoxNew a  {color: #ffffff !important;}
.SmallBoxDivider {float: right; width: 222px; height: 25px; clear: both;}
.SmallBoxNew p {color: #ffffff; float: left; margin: 46px 0 0 19px; padding: 0; font-size: 12px; font-weight: bold;} 
.SmallBox	{float: left; width: 219px; padding: 0; /*margin: 0 6px 0 0; */ margin: 0; text-align: left; }
.SmallBoxTop	{ height: 17px;float: left; width: 100%;}
.SmallBoxBody 	{ 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;text-align: left;}
.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: 195px;/* 191 202px;*/ margin: 0 0 0 7px; padding: 0; float: left; /*height: 212px;*/ position: relative; /* border: 1px #000 solid; */}
.SmallBoxBottom	{  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 10px 0 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-color: #002958; height: 25px;float: left;}
#LatestNewsContent	{ float:left; width: 100%;  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 7px; 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;
	}