@charset "UTF-8";
/* CSS Document */

/*    **legend**
1 general fixes 
2 general layout text styles 
3 footer styles 
4 main page styles
5 product/recipe side --menu-- styles 
6 product styles 
7 recipe pages styles
8 egg facts styles
9 contact page styles
10 JS styles for hover and anythingslider
*/

html
{
height:100%;
width:100%;

}
body {
	behavior: url("js/csshover3.htc");
	background-image: url(images/main-bgd.jpg);
	background-repeat: repeat-x;
	background-color: #E5E5E5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	margin: 0px; 
    padding: 0px;
    height: 100%;
	
}
/*************************************************************************************/

/*                              #1 general fixes                                     */

/************************************************************************************

div{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}*/
.clearboth { clear: left; }

.clear { clear:both; margin:0px; padding: 0px;}
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/***************************************************************************************/

/*                    #2   main general layout and text styles                         */

/***************************************************************************************/
#bgdContainer
{
	margin: 0 auto;
	width: 1050px;
	min-height: 100%;
	background-image: url('images/bgd-shadow.png');
}

#container
{
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

#header
{
	padding: 20px;
}
#mainHeader
{
	padding: 0px;
	margin: 0px;
}
a:link{
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a:visited{
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a:hover{
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a:active{
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#dark-grey-subtitle {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.SQFcertified, .yellow-headline{
	color: #FCAF17;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.yellow-headline a:link{
	text-decoration: none;
	color: #FCAF17;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.yellow-headline a:visited{
	text-decoration: none;
	color: #FCAF17;
}
.yellow-headline a:hover{
	text-decoration: none;
	color: #333;
}
.yellow-headline a:active{
	text-decoration: none;
	color: #FCAF17;
}
h2 {
	color: #344483;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #444;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
}

/***************************************************************************************/

/*                                   #3  footer styles                                 */

/***************************************************************************************/

#footer
{
	clear: both;
	background-image:url(images/footer-bgd.jpg);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	text-align: center;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	height: 180px;
}
#footer-menu{
	margin: 8px auto;
}
#footer-menu a { 
    font-size: 13px; 
	color: #777; 
	text-decoration: none;
	margin-right: 25px;
}
#footer-menu a:visited {
	font-size: 13px;
	color: #777; 
	text-decoration: none; 
}
#footer-menu a:hover {
	font-size: 13px;
	color: #222; 
	text-decoration:underline; 
}
#footer-menu a:active {
	font-size: 13px;
	color: #777; 
	text-decoration: none; 
}

/**************************************************************************************/

/*                                 #4  main page styles                               */

/**************************************************************************************/

#main-box1
{
	
	float: left;
	width: 320px;
	background-color: #FFF;
	height: 225px;
}
#main-box1-content
{
	padding: 20px;
	height:155px;
	background-image: url(images/section-bgd-short.jpg);
}
#sqf-box{
	
	margin: 10px auto;
	height: 140px;
	width: 650px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}
#main-box1-title {
	background-color: #FE9923;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 0px;
}
#main-content1 p {padding: 5px 0px 0px 0px; }
#main-content1
{
	/*height: 275px;*/
	padding: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(images/section-bgd-short.jpg);
}
#main-content1 h1
{
	font-size: 18px;
	color: #555555;
	padding: 2px 0px 5px 0px;
	margin: 0px;
}

#main-box2
{
	float: left;
	width: 320px;
	background-color: #FFF;
	height: 225px;
	position: relative;
	left: 20px;
	top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#main-box2-content
{
	padding: 20px;
	height:155px;
	background-image: url(images/section-bgd-short.jpg);
}
#main-box2-title {
	background-color: #FEBF23;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 0px;
}

#main-box3
{
	float: right;
	width: 320px;
	display: inline;
	background-color: #FFF;
	height: 225px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#main-box3-content
{
	padding: 20px;
	height:155px;
	background-image: url(images/section-bgd-short.jpg);
}
#main-box3-title {
	background-color: #5B74D6;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/***************************************************************************************/

/*             #5  product/recipe side --menu-- styles  (product/recipe pages)         */

/***************************************************************************************/

#page-wrapper
{
	float: left;
	width: 1000px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#side-menu
{
	clear: left;
	float: left;
	width: 200px;
	padding: 0px;
	margin: 0px;
}
#side-menu-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	display: block;
	color: #FFF;
	float: left;
	width: 192px;
	background-color: #5B74D6;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
	
}
#side-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
  width: 195px;
  height: 100%;
  clear:left;
  position: relative;
}
#side-menu a:link{
	color: #000;
	padding: 6px;
	width: 180px;
	text-decoration: none;
	background-color: #FFF;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
#side-menu a:visited{
	color: #000;
	padding: 6px;
	width: 180px;
	text-decoration: none;
	background-color: #FFF;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
#side-menu a:hover{
	color: #000;
	padding: 6px;
	width: 180px;
	text-decoration: none;
	background-color: #EFEFEF;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
#side-menu a:active{
	color: #000;
	padding: 6px;
	width: 180px;
	text-decoration: none;
	background-color: #CAD8E7;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
}
/*  end side menu styles  */

/***************************************************************************************/

/*                                #6  product styles                                   */

/***************************************************************************************/

#product-page
{
	float: right;
	position:relative;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*   > convert product title to an id*/
.product-title {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #344483;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.download-pdf {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	width: 200px;
}

.product-title-box {
	
	background-color: #CAD8E7;
	padding: 20px;
}

.product-panel-title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #FFF;
	float: left;
	width: auto;
	background-color: #5B74D6;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom: 10px;
}

#product-header
{
	float: left;
	width: 760px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	
}

#product-features-panel
{
	float: left;
	width: 760px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/section-bgd.jpg);
}
#product-items
{
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px;
}

#product-specs-panel {
	/**/clear: both;
	float: left;
	position: relative;
	width: 760px;
	padding: 10px 20px 20px 20px;
    margin: 10px 0px 10px 0px;
	background-image: url(images/section-bgd.jpg);
}
.product-content-wrapper {
	/*float: left;*/
	clear:both;
	/*width: 750px;*/
}
/*#product-nutrition {
	clear: both;
	float: left;
	
	width: 760px;
	padding: 0;
	margin: 30px 0 0 0;
}*/
.product-wrapper{
	margin: 0;
	padding: 30px 0;
	width: 750px;
}
.product-info { 
    clear: both;
	float: left;
	width: 300px;
	padding: 0;
	margin: 0;
}
.product-image-info {
	clear: both;
	float: left;
	width: 300px;
	padding: 0;
	margin: 0;
}
.product-image-info img{
	margin: 0 0 10px 0;
}
.nutrition-facts-wrapper{ 
	float: right;
	width: 400px;
	text-align: center;
}
.nutrition-facts { 
    text-align:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #222;
	width: 215px;
	border:1px solid black;
	border-collapse:collapse;
	border-color: #000;
	margin:0 auto;
	
	/*padding-top: 10px;*/
}
.nutrition-facts td{
	
	font-size: 9px;
	font-weight: normal;
	color: #222;
	border:1px solid black;
	border-collapse:collapse;
	border-color: #000;
}
#product-image {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#product-features-wrapper {
	float: left;
	width: 380px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;	
}
#product-features {
	padding-top: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 30px;
} 
#product-features li { 
	  /*list-style-type:none;*/ 
	  margin-bottom: 7px;
	  } 


#selectionGuideContainer {
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#product-selection-table {
	float: left;
	padding-top: 35px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

table#selectionGuide {
	color: #222;
	width: 760px;
	border: 1px solid #CCC;
	border-collapse:collapse;
	margin: 0px;
	padding: 0px;	
}
table#selectionGuide td{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	background-color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	border: 1px solid #CCC;
	border-collapse:inherit;
}

.selectionGuideData {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	background-color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
	border: 1px solid #CCC;
	border-collapse:inherit;
}

.selectionGuideHeader {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	background-color: #FC0;
	border: 1px solid #000;
	margin: 0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
}

/****** product landing page ***********/
.product-box {
	clear: left;
	background-color: #FFF;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(images/section-bgd.jpg);
}
#product-thumb
{
	float: left;
	width:140px;
}
#product-description
{
	float: right;
	padding-top: 55px;
	width: 820px;
	
}
.product-pdf a:link{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-pdf a:visited{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-pdf a:hover{
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-box a:active{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-box a:link{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-box a:visited{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-box a:hover{
	color: #000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.product-box a:active{
	color: #FFBC46;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/*********************************************************************************/

/*             #7                recipe pages styles                             */

/*********************************************************************************/
#recipe-page
{
	float: right;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#recipe-header
{
	float: left;
	width: 760px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	
}
.recipe-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #344483;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#recipe-items
{
	float: left;
	width: 500px;
	padding: 0px;
	margin: 0px;
}
#recipe-image {
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#recipe-overview {
	float: left;
	width: 380px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;	
}
#recipe-overview-panel
{
	float: left;
	width: 760px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/section-bgd.jpg);
}
.overviewItem 
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#recipe-ingredients-panel {
	float: left;
	position: relative;
	width: 760px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(images/section-bgd.jpg);
}
#recipe-method-panel {
	float: left;
	width: 760px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(images/section-bgd.jpg);
}
.recipe-heading
{
    color: #344483;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;	
}
table#recipe-ingredients {

	color: #222;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:10px;
}
table#recipe-ingredients td{
	font-size: 12px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/* end recipe styles */

/***************************************************************************************/

/*                                   #8  egg facts styles                              */

/***************************************************************************************/

#egg-facts-page-wrapper
{
	background:url(images/egg-facts1.jpg);
	background-color: #FFFFFF;
	float: left;
	width: 940px;
	height: 1000px;
	padding: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.egg-facts-title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #FFF;
	float: left;
	width: auto;
	background-color: #FE9923;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 0px;
}

#egg-facts-recipes
{
	clear: left;
	background:url(images/form-bgd.png);
	padding-left: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-top: 3px;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
#egg-facts-industry
{
	clear: left;
	background:url(images/form-bgd.png);
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-top: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

/**************************************************************************************/

/*                             #9 start contact styles                                */

/**************************************************************************************/

#contact-page-wrapper
{
	background:url(images/contact-bgd3.jpg);
	background-color: #FFFFFF;
	float: left;
	height: 740px;
	width: 940px;
	padding: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.contact-title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	display: block;
	color: #FFF;
	float: left;
	width: auto;
	background-color: #FEBF23;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
}
#contact-page-address
{
	float: left;
	width: 135px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}
#contact-page-form
{
	float: right;
	width: 500px;
	background:url(images/form-bgd.png); 
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
}
.form-input{
	background-image:url(images/form-input-bgd.png); 
	background-color:transparent;
}

#contact-result-table {
	background-image:url(images/form-input-bgd.png); 
	background-color:transparent;
    border: solid 1px #CCCCCC; 
    border-collapse: collapse;
}

#contact-result-table td, th {
  border: solid 1px #CCCCCC; 
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

.error {
  color: #c00000;
}
.required{
	color: #df0000;
	font-size: 14px;
}
#contact-message{
	clear: both;
	width: 600px;
	margin: 0 auto;
}

/*   -------- end contact page styles -------------    */


/*****************************************************************************************/

/*                                #10 JS styles for hover and anythingslider             */

/*****************************************************************************************/

/* ### two styles to support the jQuery div hover use a defs as a backup for IE6 ## */
.clickable {
   cursor: pointer;
}

.clickable:hover {
	background-image: url(images/product-box-hover.jpg);
}


/*
    AnythingSlider v1.4.1+ Default (base) theme

    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/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	width: 1000px;
	height: 360px;
	margin: 0 auto;
	/*left: -45px;*/
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #FAFAFA;
	color: #000;
}
div.anythingSlider .anythingWindow {
	/*border-top: 3px solid #777;
	border-bottom: 3px solid #777;*/
}
div.anythingSlider .start-stop {
	display: none;
	/*background-color: #040;
	color: #fff;*/
}
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #7C9127;
}
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	/*padding: 0 45px 28px 45px;*/
	padding: 0px;
}
/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0;
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows-default.png) no-repeat;
	text-indent: -9999px;
}
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; }
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .thumbNav a:hover {
	background-image: none;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/cellshade.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}