/* --- css stylesheet for information pages within Cherished Radiators for West Midlands Media by Richard Henry 2009 --- */
#text {
	width:605px;
	height:609px;
	float:right;
	margin:13px 13px 0 0;
	background-image:url(../pictures/textback.png);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative
}
#text.textdeep {
	height:645px;
	background-image:url(../pictures/textback_deeper.png)
}
#text.textevendeeper {
	height:724px;
	background-image:url(../pictures/textback_evendeeper.png)
}
#text.textwide {
	/*height:724px;*/
	width:896px;
	background-image:url(../pictures/checkoutbackground.png)
}
#text.textwide.flatcart {
	background-image:none;
    /*padding-bottom:10px;*/
    border:1px dashed yellow
}
#cartback2bottom {
    float:right;
	margin:13px 13px 0 0;
    height:39px;
    width:896px;
	background-image:url(../pictures/cartback2bottom.png);
    background-position:top left;
	background-repeat:no-repeat;
}
#text h2 {
	position:absolute;
	top:8px;
	left:17px;
	color:#dddddd;
	font-size:100%
}
#text h3 {
	position:absolute;
	top:48px;
	left:19px;
	color:#dcdcdc;
	font-size:130%
}
#infocontent {
	position:absolute;
	top:101px;
	left:28px;
	width:560px;
	height:auto
}
#infocontent.wide {
	width:840px;
}
#infocontent p, #infocontent p a, #infocontent ul {
	color:#808080;
	font-size:85%;
	line-height:1.4em
}
#infocontent p {
	width:100%
}
#infocontent.paragraphs p {
	clear:both;
	float:left;
	margin:5px 0;
	line-height:1.5em
}
/*#infocontent.wide p {
	clear:both;
	float:left;
	margin:5px 0;
	line-height:1.5em
}*/
.newstext ul.supplierinfo li {
	font-size:122%
}
#infocontent p a {
	font-size:106%;
	color:#b1b1b1
}
#infocontent p a:hover {
	color:#ffffff
}
.tinyhighlighter {
	color:#b1b1b1;
	/*d1d1d1*/
}
#infocontent p.positive {
	color:#8eef84
}
#infocontent p.negative {
	/*color:#d95b6b;*/
	color:#ff3333
}
#infocontent p.noteterms {
	font-style:italic;
	font-size:86%;
	color:#b5b5b5;
	letter-spacing:0.06em;
	line-height:20px
}
ul.infolist {
	margin:6px 0 6px 0;
	padding:6px 0 6px 0
}
ul.infolist li {
	width:435px
}
/*---supplierspage---*/
ul.supplierinfo li a, ul.supplierinfo li.phone {
	color:#cecece;
}
ul.supplierinfo li a:hover {
	color:#dcdcdc;
}
#regiondetails, #companies {
	clear:both;
	margin:60px 0 10px 0;
}
#companies p.regionnotice {
	font-size:140%;
	padding:4px 0 8px 0;
	color:#994ace
}
/* --- newspage ---*/
#newspage h4, .newsdate {
	padding:3px 0
}
#newspage h4 {
	color:#dddddd;
	clear:both;
	float:left
}
#supplierspage h4 {
	color:#eaeaea
}
.newstext {
	clear:both;
	margin:8px 0 12px 0;
	width:532px;
	font-size:86%;
	line-height:1.6em
}
#infocontent p.newsdate {
	clear:both;
	float:left;
	margin:0 0 8px 0;
	width:35%;
	color:#994ace
}
/*---tabs---*/
.ui-tabs .ui-tabs-hide {
     display: none;
}
/*---terms scroller---*/
/* --- jScrollPane --- */
#termslayer {
	width:550px;
	height:500px;
	padding-bottom:10px;
	overflow:hidden;
	background-color:transparent
}
#termslayer strong {
	color:#dddddd
}
.jScrollPaneContainer {
	position:relative;
	overflow:hidden;
	padding:3px 0;
	z-index: 1;
    clear:both;
	position:absolute;
	top:38px;
	left:0;
	height:390px;
	width:440px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #2e2e2e;
}
.jScrollPaneDrag {
	position: absolute;
	background: #404040;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* --- */
/* --- jquery simple modal styling --- */
/* --- jquery Modal --- */

#alert-overlay {
  background-color:#202020;
  cursor:wait;
}

#erroralert-container {
  height:175px;
  width:320px;
  left:60%;
  top:10%;
  margin-left:-120px; /* half the width, to center */
  background-color:#212121;
  color:#ff3333;
  font-size:96%;
  padding:16px;
  border:5px solid #dcdcdc;
}
#erroralert-container p {
  line-height:20px
}
#erroralert-container h1 {
  font-size:130%;
  /*font-weight:700;*/
  color:#dcdcdc;
  padding:5px 0
}

#erroralert-container a.modalCloseImg {
  background:url(../images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-10px;
  right:-10px;
  cursor:pointer;
}