/*
	Featured Content Slider
	by: Chris Coyier
*/
*											{ margin: 0; padding: 0; }
body 										{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 20px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 647px; margin: 0 auto; position: relative; min-height: 451px; background:#fff; border:#ddd 0px solid }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 647px; position: absolute; top:0; left: 0;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0; }
.stripViewer								{ position: relative; overflow: hidden; width: 647px; height: 305px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 647px; background:#4747c3; color:#ffffff; font-size:12px; height:283px; /*height:305px;*/}
.stripViewer .panelContainer .panel	h2      { color:#ffc502; padding:25px 20px 0 0; margin:0 0 10px 0; font-weight:bold; font-size:18px;}
.stripViewer .panelContainer .panel p       { padding:0 20px 0 0; margin:0}
.stripViewer .panelContainer .panel p.more  { position:absolute; right:0; bottom:20px}
.stripViewer .panelContainer .panel img 	{ border-right:#fff 1px solid}
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.items div a.cross-link						{ width:90px; display:block; float:left; color:#fff; margin:0 0; padding:7px; height:140px; line-height:14px; }
.items div a.cross-link	img 				{ float:none; margin-top:20px}
.active-thumb 								{ background: #4747c3 url(../images/icon-uparrowsmallwhite.png) top center no-repeat; padding:8px }
.more a{background:url(../images/more.png) no-repeat; display:block; float:right; height:31px; width:70px; margin-top:5px;}


	/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 660px;
  height:160px;
  margin-top:0;
}
 
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
  background:redx
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float:none;
}

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 647px;
    height:160px;
	z-index:99;
	margin-top:-20px;

    /* custom decorations */
    border:0px solid #ccc;
    background:url(../images/bot_panel.png) repeat-x 0 0;
}

/*
   root element for scrollable items. Must be absolutely positioned
   and it should have a extremely large width to accomodate scrollable
   items.  it's enough that you set the width and height for the root
   element and not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:637px;
	padding:0 11px;
}

/* single scrollable item */
.scrollable img {
    float:none;
    margin:15px 0 5px 0;
    background-color:#fff;
    padding:0px;
    border:1px solid #ccc;
 	width:90px; height:65px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:url(../images/hori_large.png) no-repeat -38px 20px;
    display:block;
    width:10px;
    height:130px;
    float:left;
    margin:0px;
    cursor:pointer;
    font-size:0px;
	position:absolute; 
	z-index:1200;
}

/* right */
a.right { background-position: -12px 20px; clear:right; margin-right: 0px; position:absolute; right:0px; top:20px}
a.right:hover { background-position: -12px 20px; text-decoration:none; }
a.right:active { background-position: -12px 20px; }


/* left */
a.left { margin-left: 0px; position:absolute; left:0; top:20px }
a.left:hover  { background-position: -38px 20px; text-decoration:none; }
a.left:active { background-position: -38px 20px; }

/* up and down */
a.up, a.down  {
    background:url(../images/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}



   /* use a semi-transparent image for the overlay */
  #overlay {
    background-image:url(/media/img/overlay/transparent.png);
    color:#efefef;
    height:450px;
  }
  /* container for external content. uses vertical scrollbar, if needed */
  div.contentWrap {
    height:441px;
    overflow-y:auto;
  }

.avsmore a{background:url(../images/more_videos.jpg) no-repeat; display:block; float:right; margin-top:10px; font-size:0px;}
.avsmore a.photos{background:url(../images/more_photos.jpg) no-repeat; display:block; float:right; margin-top:10px; width:134px; height:31px;}

ul.category-module{border:0px solid #000; list-style-type:none;}
ul.category-module li{ margin:0 0 0px 0; padding:0; float:left;}
ul.category-module li h4{color:#ffcc00;}
ul.category-module li h4 a{margin:0; padding:0; display:block; background:url(../images/news_li.png) no-repeat left center; padding-left:15px; font-size:14px; color:#ffcc00!important;}
.mod-articles-category-readmore a{display:block; float:right; font-weight:bold; margin-left:50px; background:url(../images/read_more.png) right center no-repeat; padding-right:15px;}