BODY
{
    BACKGROUND-IMAGE: url(images/back.gif);
    BACKGROUND-COLOR: #e8e8e8;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-POSITION: center top;
    COLOR: #6d6e71;
    FONT-SIZE: 10pt
}
P
{
    TEXT-ALIGN: justify;
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 10pt;

}
H1
{
	FONT-FAMILY: Arial;
	COLOR: #25438c;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: lighter;
	margin: 0; padding: 0;

}
H2
{
    FONT-FAMILY: Arial;
    COLOR: #25438c;
    FONT-SIZE: 15pt;
    FONT-WEIGHT: lighter
}
H3
{
    LINE-HEIGHT: 1px;
    FONT-FAMILY: Arial;
    COLOR: #999999;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: lighter
}
H5
{
	FONT-FAMILY: Arial;
	COLOR: #25438c;
	FONT-SIZE: 16pt;
	FONT-WEIGHT: lighter;
	margin: 0; padding: 0;

}

.blue
{

    FONT-FAMILY: Arial;
    COLOR: #1cb8ea;
    FONT-SIZE: 16pt
}
.grey
{
	FONT-FAMILY: Arial;
	COLOR: #6d6e71;
	FONT-SIZE: 12pt;
	font-weight: bold;
}
.grey A:visited
{
    COLOR: #6d6e71;
    TEXT-DECORATION: none
}
.grey A:link
{
	COLOR: #6d6e71;
    TEXT-DECORATION: underline;
}
.grey A:hover
{
	COLOR: #1cb8ea;
    TEXT-DECORATION: underline;
}




P2
{
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 9pt
}

.copy
{
    TEXT-ALIGN: center;
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 8pt
}
.copy2
{
    TEXT-ALIGN: left;
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 8pt
}
P A:visited
{
    COLOR: #25438c;
    TEXT-DECORATION: none
}
P A:link
{
	COLOR: #25438c;
	TEXT-DECORATION: none;
	font-weight: bold;
}
P A:hover
{
    COLOR: #25438c;
    TEXT-DECORATION: underline
}
H3 A:visited
{
    COLOR: #999999;
    TEXT-DECORATION: none
}
H3 A:link
{
    COLOR: #999999;
    TEXT-DECORATION: none
}
H3 A:hover
{
    COLOR: #6d6e71;
    TEXT-DECORATION: underline
}
.copy A:visited
{
    COLOR: #6d6e71;
    TEXT-DECORATION: none
}
.copy A:link
{
    COLOR: #6d6e71;
    TEXT-DECORATION: none
}
.copy A:hover
{
    TEXT-DECORATION: underline
}
.call
{
    BACKGROUND-COLOR: #f4f4f4;
    FONT-FAMILY: Arial;
    COLOR: #25438c;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder
}
.nav_break
{
    BACKGROUND-IMAGE: url(images/nav_break.gif);
    BACKGROUND-COLOR: #d0dded;
    WIDTH: 6px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: center top;
    HEIGHT: 28px
}
.nav_back
{
	BACKGROUND-IMAGE: url(images/nav_back.gif);
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #d0dded;
	BACKGROUND-REPEAT: repeat-x;
	FONT-FAMILY: Arial;
	BACKGROUND-POSITION: center top;
	COLOR: #25438c;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}
.nav_back A:visited
{
    COLOR: #25438c;
    TEXT-DECORATION: none
}
.nav_back A:link
{
    COLOR: #25438c;
    TEXT-DECORATION: none
}
.nav_back A:hover
{
    TEXT-DECORATION: underline
}
.box1
{
    BACKGROUND-IMAGE: url(images/box1.gif);
    WIDTH: 344px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: center top;
    HEIGHT: 102px
}
.box2
{
    BACKGROUND-IMAGE: url(images/box2.gif);
    WIDTH: 344px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: center top;
    HEIGHT: 102px
}
.call_box
{
    BORDER-BOTTOM: #6699cc 1px solid;
    BORDER-LEFT: #6699cc 1px solid;
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 8pt;
    BORDER-TOP: #6699cc 1px solid;
    BORDER-RIGHT: #6699cc 1px solid
}
.submit
{
}
H4
{
    FONT-FAMILY: Arial;
    COLOR: #25438c;
    FONT-SIZE: 13pt;
    TEXT-DECORATION: underline
}
H4 A:visited
{
    COLOR: #25438c;
    TEXT-DECORATION: none
}
H4 A:link
{
    COLOR: #25438c;
    TEXT-DECORATION: none
}
H4 A:hover
{
    COLOR: #5addf1;
    TEXT-DECORATION: underline
}

.copy1
{
    TEXT-ALIGN: right;
    FONT-FAMILY: Arial;
    COLOR: #6d6e71;
    FONT-SIZE: 8pt
}

.break
{
   FONT-FAMILY: Arial;
    COLOR: #d7d7d7;
    FONT-SIZE: 10pt
}

#tickholder ul
{
	
	COLOR: #25438c;
	FONT-SIZE: 12pt;
	font-weight: 600;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#tickholder ul li {
	width: 40em;
	display: inline;
	padding: .2em 0.7em 2em 2em;
	background-image: url(images/tick2.png);
	background-repeat: no-repeat;
	
}



li
{
	list-style-image:url(images/bullet.png);
padding: 2em 2em;

}




ol
{
	width: 54em;
	margin-left: -2em;

}
ol li
{
	float: left;
	width: 17em;
	list-style-image:url(images/bullet.png);
	padding: .6em .5em 0em 0em;
	COLOR: #25438c;


}
br
{
  clear: left;
}

div.bullets
{
	margin-top: 1.3em;
	background-color:#e1e1e1;
	width: 580px;
	padding: 0.2em 1em 0em 1.5em;
	margin-left: 2.5em;
	
}
div.van
{
	background-image: url(images/stace_roofing_van.png);
	background-repeat: no-repeat;
	background-position: 19px 0px;
	height: 130px;
	z-index: 10;
}

.device {
  width: 956px;
  height: 240px;
  padding: 0px 0px;
  border-radius: 0px;
  background: #fff;
  border: 1px solid #25438c;
  margin: 0px auto;
  position: relative;
  box-shadow: 0px 0px 0px #25438c;
}
.device .arrow-left {
  background: url(images/arrows_scroll.png) no-repeat left top;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(images/arrows_scroll.png) no-repeat left bottom;
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 217px;
  width: 955px;
}
.content-slide {
  padding: 0px;
  color: #fff;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 10px;
  background: #e8e8e8;
  box-shadow: 0px 2px 1px #25438c inset;
  margin: 0 4px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #1097cf;
}



/* twitter feed styling */

.jcarousel-container, .jcarousel-clip { height:300px /* amount of tweets displayed x 100 */; }
.tweetbox { border:1px solid #ddd; color:#6D6E71; }
.tweetbox li {  border-bottom:1px solid #ddd; }
.tweetbox a { color:#25438C; }
.tweetbox a:hover { color:#1CB8EA; }
.twitter-link { background-color:#25438C; }
.twitter-link a { color:#fff; }

/* twitter feed layout */

#twitter-container { position:relative; width:225px; text-align:left; margin:10px 0;}
.jcarousel-container, .jcarousel-clip { width:100%; position:relative; }
.jcarousel-prev, .jcarousel-next, .twitter-retweet, .twitter-link { background-image:url(twitter-sprite.png); background-repeat:no-repeat; }
.jcarousel-clip { overflow:hidden; }
.jcarousel-prev, .jcarousel-next { width:13px; height:30px; position:absolute; bottom:-30px; opacity:0.5; cursor:pointer; }
.jcarousel-prev:hover, .jcarousel-next:hover { opacity:1; }
.jcarousel-prev { background-position:0 -89px; right:25px; }
.jcarousel-next { background-position:0 -139px; right:8px; }
.jcarousel-prev-disabled, .jcarousel-next-disabled { visibility:hidden !important; }
.tweetbox { font:13px/17px arial, sans-serif; margin:0; padding:0; list-style:none; }
.tweetbox li { position:relative; margin:0; float:none !important; height:79px; padding:10px; }
.tweetbox a:hover { text-decoration:none; }
.tweetwhen { display:block; width:100%; position:absolute; left:10px; bottom:10px; }
.tweetwhen a { font-size:11px; line-height:1; font-weight:bold; text-decoration:none }
.twitter-time { position:absolute; left:10px; bottom:10px; }
.twitter-reply, .tweetbox .twitter-favourite { display:none; }
.twitter-retweet { opacity:0.5; display:block; width:21px; height:16px; background-position:4px -48px; text-indent:300px; overflow:hidden; position:absolute; right:10px; bottom:10px; }
.twitter-retweet:hover { opacity:1; }
.twitter-link { display:block; background-position:6px 8px; padding:0 0 0 28px; height:30px; font-size:11px; line-height:30px; }
.twitter-link a { text-decoration:none; }
.twitter-link span { font-weight:bold; }
.twitter-link a:hover span { text-decoration:underline; }