/*
 * 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 input {
  width: 65%;
  font-size:100%;
}

.best_in_place {
  cursor: pointer;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  -webkit-transition: background 0.5s linear;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.best_in_place:hover, .cs_article .do_hover {
  padding-right: 42px;
  background: url("/images/edit.png") no-repeat right;
  background-color: #CCC;
}

.cs_article p#telephone {
	color: white;
	background-color: #333;
}

img#subscribe {
  position:relative;
  top:50px;
  left:50px;
  width:48px;
  border:0;
  -ms-interpolation-mode:bicubic;
}

img#trash {
  position:relative;
  top:50px;
  left:50px;
  width:48px;
  border:0;
  -ms-interpolation-mode:bicubic;
}

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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 528px;
	height:420px;
	
	/* custom decorations */
	border:5px solid #ccc;
	

}

/*
	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;
	
	clear:both;

}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:618px;
  height:400px;
  margin:0 auto;
  padding:0;
}

.cs_article h2 {
  display:block;
  width:84%;
  margin:10px 26px 5px 85%;
  text-align:left;
}
.cs_article img {
  position:absolute;
  top:0;
  left:0;
  padding-left: 30px;
  width:20%;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:84%;
  font-size:150%;
  margin:0 26px 5px 85%;
  padding:0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:84%;
  margin:0 6% 1% 86%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:500px;
  padding:10px 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:200px;
  margin:0;
}