/* CSS for the how it works steps for rounded border */
.info-card p {
	width: 300px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 55px;
	color: #333333;
}
.info-card .left-border {width: 6px;}
.info-card .text {
	width: 450px;
	font-family: Verdana;
	font-size: 13px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #CCCCCC;
	color: #333333;
}
.info-card .text img {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.info-card .end-link {font-size: 0.8em;}
.info-card .right-image {
	width: 245px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#show li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	list-style-image: url(/images/tick.gif);
	list-style-position: outside;
	line-height: 22px;
}
#show table {
	width: 700px;
	height: 160px;
	margin: 0px;
	padding: 0px;
}
.show td {
	margin: 0px;
	padding: 0px;
	height: 160px;
}
#show {
	background-color: #FFFFFF;
	padding-bottom: 20px;
	padding-top: 15px;
	height: 160px;
}
.left-border {
	width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.right-border {
	width: 6px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#recent_savings {
	width: 700px;
	height: 40px;
	background-image: url(/images/recent_savings.gif);
	background-repeat: no-repeat;
	text-indent: 55px;
	text-align: left;
}
#recent_savings h3 {
	text-align: left;
	line-height: 35px;
}
#recent_savings_table_centre_row {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#recent_savings_table {
	width: 720px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
#recent_savings_table_images {
	padding-top: 8px;
}
/*UNDER TOP MENU */

.topmenu {
	width: 790px;
	background-image: url(/images/inquiry_bg.png);
	background-position: center bottom;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-repeat: repeat-x;
	height: 35px;
	padding-left: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.float1 {
	float: left;
	width: 220px;
	background-image: url(/images/inquiry.gif);
	background-repeat: no-repeat;
	background-position: 25px 1px;
	position: relative;
	top: 10px;
  }
.float2 {
	float: left;
	width: 400px;
	background-image: url(/images/phone.gif);
	background-repeat: no-repeat;
	background-position: 25px;
	position: relative;
	top: 10px;
  }
.float3 {
	float: left;
	width: 130px;
	position: relative;
	top: 5px;
  }

.topmenutext {
	text-indent: 50px;
	font-size: 1em;
	font-family: Verdana;
	text-align: left;
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	color: #333333;
}

.smalltext {
	font-size: 10px;
	color: #333333;
}
#intro {
	font-family: Verdana;
	font-size: 1em;
	height: 260px;
	width: 750px;
	background-image: url(/images/home_bg.jpg);
	padding-right: 10px;
	padding-left: 30px;
	padding-top: 10px;
	font-weight: normal;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 15px;
}
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 700px;
	height: 210px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	padding: 10px;
	visibility: hidden;
	width: 680px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 680px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	color: #333;
	padding: 1px 3px;
	margin-right: 3px;
	font-weight: normal;
	text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	color: #333;
}

.glidecontenttoggler a:hover{
	color: #CD3B3C;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
	color: #333;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
	color: #333;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	color: #CD3B3C;
}
.comm-table {
    border-collapse:collapse;
    width:580px;
   }
   .comm-table td {
	color: #333;
	background-color: #FFC;
	padding: 5px;
}
   .comm-table .trow td {
	color: #333;
	background-color: #FF9;
	padding: 5px;
}  
   .comm-table .header td {
	background-color: #CD3B3C;
	color: #FFF;
	text-align: left;
	text-indent: 15px;
	line-height: 20px;
	height: 25px;
}