/* Start of CMSMS style sheet 'home-page-slider' */
/*
	Pentalogic v9
    - v8 - RW - Reorganised
	- v9 - M - Added Highlighter + new (smaller) images
	
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 1000px; height: 400px; position: relative; margin: 0 auto 15px;   }
.anythingSlider .wrapper                { width: 1000px; overflow: auto; height: 316px; margin: 0 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee;  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(//static.pentalogic.net/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; overflow:visible; }
.anythingSlider .forward                { background-position: 0 0; right: -50px; }
.anythingSlider .back                   { background-position: -67px 0; left: -50px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* END Anything Slider v1.0 */

ul.slide {
	margin:0;
	padding:0;
	float:left;
	width:1000px;
	height:316px;
	list-style-type:none;
	}

ul.slide li.mscertified{
	float:left;
	width:936px;
	height:252px;
	background:url(//static.pentalogic.net/bg-mscertified.jpg) repeat-x top;
	background-color:#C57E49;
	padding:32px;
	}

li.mscertified .left-content{
	float:left;
	width:415px;
	margin-right:35px;
	}

li.mscertified img{
	float:left;}

li.mscertified p{
	float:left;
	width:415px;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-top:10px;
	}

li.mscertified a.readmore{
	float:left;
	width:175px;
	height:25px;
	background:#DCB191;
	font:bold 10px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#993300;
	text-decoration:none;
	text-align:center;
	margin-top:10px;
	}	

li.mscertified a.readmore:hover{
		background:#E4C5AD;
		}

li.mscertified .quotation{
	float:left;
	width:410px;
	background:url(//static.pentalogic.net/bg-quotation.jpg) no-repeat top;
	padding:30px 35px;
	}

li.mscertified .quotation p{
		float:left;
		width:380px;
		font:16px/24px Georgia, "Times New Roman", Times, serif;
		color:#9B4E00;
		text-decoration:none;
		text-align:left;
		}

.quotation .by{
	float:left;
	width:400px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:15px;
	}

/*************** slider tab ****************/	
#thumbNav{
	width: 1000px; 
	height: 75px; 
	margin: 0 0px; 
	position: absolute; 
	top: 316px;
	left: 0; 
	background:url(//static.pentalogic.net/bg-tabs-product.jpg) repeat-x top;
	}
	
#thumbNav span{
	float:left;
	width:32px;
	height:75px;
	}
	
#thumbNav a#pivot-point{	
	width:165px;
	background:url(//static.pentalogic.net/homepage/logo-pivotpoint.png) no-repeat 10px 8px;	
	}
	
#thumbNav a#planner{	
	width:140px;	
	background:url(//static.pentalogic.net/homepage/logo-planner.png) no-repeat 10px 8px;	
	}
	
#thumbNav a#reminder{
	width:160px;		
	background:url(//static.pentalogic.net/homepage/logo-reminder.png) no-repeat 10px 8px;	
	}
	
#thumbNav a#filter-point{	
	width:165px;		
	background:url(//static.pentalogic.net/homepage/logo-filterpoint.png) no-repeat 10px 8px;	
	}
	
#thumbNav a#freestuff{    
    width:158px;    
	background:url(//static.pentalogic.net/homepage/logo-free-stuff.png) no-repeat 10px 8px;	
    }

#thumbNav a#teamtime{    
    width:158px;    
	background:url(//static.pentalogic.net/homepage/logo-team-time.png) no-repeat 5px 8px;	
    }
	
#thumbNav a#highlighter{    
    width:165px;
	background:url(//static.pentalogic.net/homepage/logo-highlighter.png) no-repeat 10px 8px;	
    }

/* Set height and borders for all thumb navs */
div#thumbNav a{
	float:left;
	height:63px;	
	padding-top:12px;
	border-right:1px solid #DBDBDB;
	border-left:1px solid #FFFFFF;
	}	
	
/* Highlight with white background on hover or current nav button */
div#thumbNav a:hover, div#thumbNav a.cur{
    background-color:#fff !important;
    }	
/* End of 'home-page-slider' */