/*
 *
  * CMS SPECIFIC 
  * These styles are for the PepStores CMS.  
  *
  */
.spinner {
	position: absolute;
	right: 0px;
	padding: 0px;
}

a:active,a:link,a:visited,a:hover {
	color: #0D5798;
}

.menuButton {
	background-color: #FDF200; /* 8CAFCD */
	border: 1px solid white;
	border-style: none solid none none;
	margin-left: 0px;
	padding-bottom: 5px;
}

.menuButton a:active,.menuButton a:link,.menuButton a:visited,.menuButton a:hover
	{
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #616161; /* white */
	font-weight: bold;
	text-decoration: none;
	padding: 15px;
}
  
.actionButton a:active,.actionButton a:link,.actionButton a:visited,.actionButton a:hover
	{
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #01A8EC; /* 578BB8 */
}

.dialog {
	padding: 15px;
	background-color: #F0F0F0;
}

.dialog label {
	width: 120px;
	font-weight: bold;
}

.dialog .textfield,textarea {
	width: 180px;
	margin-bottom: 5px;
}

.prop {
	padding: 5px;
}

.buttons {
	margin-top: 15px;
}

.actionButtons {
	width: 100px;
}

div.errors {
	border: 2px solid red;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

td.errors {
	border: 1px solid red;
}

.message {
	border: 1px solid #FFCC00;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.prop .name {
	font-weight: bold;
	text-align: left;
	width: 20%;
}

.prop .value {
	text-align: left;
	width: 80%;
}

.synopsisHeader {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: black;
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
	padding-right: 15px;
}

.synopsis {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	color: #black;
	padding: 15px;
	text-align: left;
}

.synopsisLink {
	font-family: Arial, sans-serif;
	font-size: 0.8em;
	color: #01A8EC;
	font-weight: bold;
	padding-left: 15px;
	text-align: right;
}

.scrollable {
	background-color: #ffffff;
    border: 1px solid #cccccc;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	border-bottom-color: #888888;
	border-right-color: #888888;
	padding : 5px; 
	height : 60px; 
    width : 200px;
	overflow : auto;
    font-size : 0.8em;
    text-align : left;
}

.cmsDiv {
    width:100%;
    border: 1px solid #00000;
}

.cmsDiv th {
    color: #ffffff;
    background-color: #336699;
}

.cmsTable {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #777777;
    padding: 6px;
    spacing: 0px;
}

.cmsTable th {
    background-color: #E1F6FB;
    font-weight: bold;
    color: #336699;
    padding: 6px;
    border: 1px solid #777777;
}

.cmsTable td {
    border: 1px solid #eeeeee;  
    padding: 6px;
    border: 1px solid #777777;
}

.nav {
    display: none;
}    
 
.listLinks {
    text-align: left;
    height: 22px;
    background-color: #ffffff;
}


#gallery {
	width:100%;
	height:500px;
}

#slides {
	margin:auto;
	width:300px;
	height:430px;
	padding:15px;
	overflow:hidden;
}

.slideshow {
	display:none;
}

.slideshow-current {
	display:table !important;
	display:inline-block; /* FOR IE */
	text-align:center;
	vertical-align:middle;
	height:100%;
	width:100%;
}

.slideshow img {
	vertical-align:middle;
	/*max-height:430px;*/
}

#thumbs {

	display:block;
	margin:auto;
	position:absolute;

	left:0px;
}

.thumbs {
	float:left;
	padding:5px;
	position:relative;
}

.thumbs div {
	height:60px;
	width:60px;
	position:absolute;
	background:blue;
	opacity:0.2;
	top:0px;
	left:0px;
	margin:5px;
	filter:alpha(opacity=20);  /* IE DOES NOT HAVE THE OPACITY: RULE */
}

.thumbs img {
	height:60px;
	width:60px;
}

.thumbs-current {
	
}

.thumbs-current div {
	opacity:0;
	filter:alpha(opacity=0);
} 

.thumb-hover {
	opacity:0 !important;
	filter:alpha(opacity=0) !important;
}

#thumbView {
	height:70px;
	margin-left:70px;
	overflow:hidden;
	position:absolute;
	width:529px;
	background:#336DA8;
}

#thumbLeft {
  width:70px;
  height:70px;
  background:url(../images/left.jpg) no-repeat top left;
}

#thumbRight {
  width:70px;
  height:70px;
  background:url(../images/right.jpg) no-repeat top right;
  position:absolute;
  right:0px;
  top:0px;
}

#gallery {
  display:none;
}


#showReadmore {
  width:85px;
  background:beige;
  height:16px;
  margin-left:20px;
  border:1px solid black;
  font-size:12px;
  padding:5px;
  
  z-index:200;
}

#tooltip {
  z-index:300;
  background-color:beige;
  border:1px solid black;
  font-size:10px;
  color:black;
  font-weight:bold;
  margin-left:20px;
  padding:2px;
}

.readmore img {
	background:transparent url(../images/readmore.gif) no-repeat scroll center bottom;
	padding-bottom:21px;
}