/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:0px; /* This acts as a border for the content slider */
  /*background:#333;*/ /* This is the color of said border */
  background-color:transparent;
}
.cs_wrapper, .cs_article {
  /*background:#111;*/ /* Background color for the entries */
  background-color:transparent;
}
.cs_leftBtn {
	/*border:1px dotted green;*/
	display:block;
	width:19px;
	height:78px;
	background:url(images/scroll_left_but.png) no-repeat;
	background-position:0 -78px;
	z-index:10000;
}
.cs_leftBtn:hover {
	/*border:1px dotted yellow;*/
	background:url(images/scroll_left_but.png) no-repeat;
	background-position:0 0px;
	cursor:pointer;
}
.cs_rightBtn {
	/*border:1px dotted red;*/
	display:block;
	width:19px;
	height:78px;
	background:url(images/scroll_right_but.png) no-repeat;
	background-position:0 -78px;
	z-index:10000;
}
.cs_rightBtn:hover {
	/*border:1px dotted yellow;*/
	background:url(images/scroll_right_but.png) no-repeat;
	background-position:0 0px;
	cursor:pointer;
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */
.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:85%;
  line-height:1.5em;
  color:#777;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:899px;
  height:250px;
  margin:0 auto;
  padding:0;
}
.cs_article h2 {
  display:block;
  width:26%;
  margin:10px 26px 5px 67%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width:66%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:26%;
  margin:0 26px 5px 67%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:90px;
  height:78px;
  padding:0 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:300px;
  margin:0;
}
.cs_article #page_top_collections_luxury
  {
  	display:block;
	background:url("images/collections/luxury_banner.png") no-repeat;
	height:250px;
	width:801px;
	margin:0px 30px 0px 30px;
  }
.cs_article #page_top_collections_retro
  {
  	display:block;
	background:url("images/collections/retro_banner.png") no-repeat;
	height:250px;
	width:801px;
	margin-left:30px;
  }
.cs_article #page_top_collections_stencil
  {
  	display:block;
	background:url("images/collections/stencil_banner.png") no-repeat;
	height:250px;
	width:801px;
	margin-left:30px;
  }
.cs_article #page_top_collections_grass
  {
  	display:block;
	background:url("../css/screen/images/collections/grass_banner.png") no-repeat;
	height:250px;
	width:801px;
	margin-left:30px;
  }