@charset "utf-8";
/* CSS Document */

body {font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#282828; background: url(http://www.intouchcrm.co.uk/img/loginbg2.png) center top no-repeat #cce8ff;}
h1 {color:#3583F8; font-size:1.4em; font-family:proxima-nova, Arial, Helvetica, sans-serif;}
h2 {color:#838383; font-size:1.2em; font-family:proxima-nova, Arial, Helvetica, sans-serif;}
h3 {color:#838383; font-size:1em; font-family:proxima-nova, Arial, Helvetica, sans-serif;}
p {color:#282828; font-size:0.8em; line-height:150%}
a {color:#3583F8}
a:hover {color:#063b8a}
hr {border-left:0px; border-bottom:0px; border-right:0px; border-top:1px solid #ccc; margin-top:20px; margin-bottom:20px;}

#google_translate_element{
	
	width:186px;

}

.pagecontainer {width:928px; background:#ffffff; -moz-border-radius:5px; border-radius:5px; margin:0 auto; border:1px solid #dedede; padding-top:10px;}
.container {width:876px; margin:0 auto;}
.contentcontainer {padding:20px;}

.top {padding:10px 0px 35px 0px; height:40px;}
.topleft {width:50%; float:left; font-size:1.5em; letter-spacing:-1px; color:#5c5c5c; padding-top:7px; padding-bottom:10px;}
.topright {width:50%; float:right; text-align:right; padding-top:10px;}

.horiznav {height:35px; background:#2E2E2E; margin-bottom:2px; padding-top:2px; padding-bottom:0px}
.horiznav ul {margin:0; padding:0; font-size:0.7em;}
.horiznav li {display:inline; list-style-type:none; padding:9px 10px 9px 10px; line-height:290%; border-right:1px solid #000; cursor:pointer;}
.horiznav li:hover {background:#000000}
.horiznav a {text-decoration:none; color:#ffffff; font-weight:bold;}
.horiznav a:hover {color:#fffff}
.horiznav h1 {font-family:Arial, Helvetica, sans-serif;}
.horiznav h2 {font-family:Arial, Helvetica, sans-serif;}
.horiznav h3 {font-family:Arial, Helvetica, sans-serif;}

.slideshow {height:250px; width:875px; overflow:hidden; margin-bottom:20px;}

.leftcolumn {float:left; width:186px; margin-right:20px; padding-top:0px;}
.leftnav {}
.leftnav ul {margin:0; padding:0; font-size:0.8em; text-transform:uppercase; font-weight:bold; font-family:proxima-nova, Arial, Helvetica, sans-serif;}
.leftnav img {margin-right:7px; vertical-align:middle; margin-top:-2px;}
.leftnav li {background:#3583F8; font-size:1em; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; list-style-type:none; padding:10px; margin-bottom:10px; cursor:pointer}
.leftnav li:hover {background:#1457BC}
.leftnav a {text-decoration:none; color:#ffffff}
.leftnav a:hover {color:#ffffff}

.rightcolumn {float:left; width:663px;}

.newsevents {margin-bottom:20px;}
.newsevents li {list-style-type:none; padding-left:25px; font-size:0.8em; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.newseventsheading {height:16px; background:url(/econtent/cmsdemo1/newseventsheadingbg.png) repeat-x top; overflow:hidden; padding:10px; border-bottom:1px solid #ccc;}
.newseventsheading_left {width:50%; float:left; font-size:0.9em; font-weight:bold}
.newseventsheading_right {width:50%; float:right; text-align:right; font-size:0.7em}
.newseventscontent {padding:10px;}
.newseventscontent h1 {font-size:18px;}
.newseventscontent tag {font-size:11px;}
.link a {font-size:12px;}
.description {font-size:0.8em; line-height:170%;}
.news {width:49%; border:1px solid #ccc; float:left; min-height:300px;}
.news li {background:url(img/news.png) 2px 3px no-repeat;}
.events {width:49%; border:1px solid #ccc; float:right; min-height:300px;}
.events li {background:url(img/event.png) 2px 3px no-repeat;}

.subfooter {padding:10px; background:#2E2E2E; height:20px; overflow:hidden; text-align:center;}
.subfooter ul {margin:0; padding:0; font-size:0.75em; font-weight:bold; line-height:150%}
.subfooter li {display:inline; padding-left:10px; padding-right:10px;}
.subfooter a {color:#fff; text-decoration:none;}
.subfooter a:hover {text-decoration:underline;}
.footer {padding:10px; color:#333; font-size:0.75em; line-height:200%; text-align:center}

.portalWidget {background-color:#2e2e2e; margin-bottom:10px;}
.portalWidget p {margin-top:0px; padding-top:10px;}
.portalWidget .widgetContent {background-color:#ffffff; padding:10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.portalWidget .widgetContent div {font-size: 0.8em; line-height:150%}
.widgetHandle {background-color:#2e2e2e; color:#ffffff; border:1px solid #cccccc; padding:8px; height:19px; overflow:hidden; font-size:0.75em; font-weight:bold;}
.widgetHandle img {vertical-align:middle; border:0; margin-right:7px;}
.widgetHandle a {color:#ebffed;}
.widgetHover {border: 2px dashed #999; background-color:#eeeeee}

.widgetContent {font-size:0.9em;}
.widgetContent ul {margin:0; padding:0}
.widgetContent li {list-style-type:none; padding-bottom:10px; padding-top:11px; border-bottom:1px solid #cccccc;}

.widgetContent .grey li {padding-bottom:0px; padding-top:0px; border:0; margin-top:5px; margin-bottom:-10px;}

#twitter_update_list {margin:0px; padding:0; margin-top:-20px;}
#twitter_update_list ul {margin:0; padding:0}
#twitter_update_list li {list-style-type:none; padding-bottom:10px; padding-top:11px; border-bottom:1px solid #cccccc;}
.twitter-link {text-align:right; margin-top:20px;}
#twitter-link {text-align:right; margin-top:20px;}
/* a simple containing box */
.simpleBox {padding: 10px; margin: 10px 0; border: 1px solid #ccc;}
.simpleWidgetBox {padding: 10px; margin: 10px 0;}


/* NEW BUTTON STYLING */

.buttons {list-style: none; margin: 0px; padding: 5px 0px 3px; height: 36px;}
.buttons li {margin: 0px 8px 0px 0px; padding: 0px;	float: left; height: 36px;}
.buttons li a:link, .buttons li a:visited, .buttons li a:active, .buttons li a {float: left; padding: 0px 12px; font-size: 11px;	height: 36px; line-height: 36px; white-space: nowrap; font-weight: normal; text-decoration: none;}
.buttons li a span {font-weight: normal;}
.buttons img {border:0; vertical-align:middle; margin-top:-2px; margin-right:3px;}

.yellow li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellow li a:link, .yellow li a:visited, .yellow li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% 0px; color: #693607;}
.yellow li:hover {background-position: 100% -36px;}
.yellow li:hover a:link, .yellow li:hover a:visited, .yellow li:hover a:active, .yellow li.current a:hover {background-position: 0% -36px;}

.yellowonblack li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% 0px;}
.yellowonblack li a:link, .yellowonblack li a:visited, .yellowonblack li a:active {background: transparent url('../img/bg_section_nav_link_left2.png') no-repeat 0% 0px; color: #693607;}
.yellowonblack li:hover {background-position: 100% -36px;}
.yellowonblack li:hover a:link, .yellowonblack li:hover a:visited, .yellowonblack li:hover a:active, .yellowonblack li.current a:hover {background-position: 0% -36px;}

.grey li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -72px;}
.grey li a:link, .grey li a:visited, .grey li a:active, grey li a {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -72px; color: #2E2E2E;}

.grey li a.disableButton {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -72px; color: #DDDDDD; cursor:default}

.grey li:hover {background-position: 100% -108px;}
.grey li:hover a:link, .grey li:hover a:visited, .grey li:hover a:active, .grey li.current a:hover {background-position: 0% -108px;}


.black li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -144px;}
.black li a:link, .black li a:visited, .black li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -144px; color: #ffc600;}
.black li:hover {background-position: 100% -180px;}
.black li:hover a:link, .black li:hover a:visited, .black li:hover a:active, .black li.current a:hover {background-position: 0% -180px;}

.green li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -216px;}
.green li a:link, .green li a:visited, .green li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -216px; color: #ecffe9;}
.green li:hover {background-position: 100% -252px;}
.green li:hover a:link, .green li:hover a:visited, .green li:hover a:active, .green li.current a:hover {background-position: 0% -252px;}

.greenongrey li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -216px;}
.greenongrey li a:link, .greenongrey li a:visited, .greenongrey li a:active {background: transparent url('../img/bg_section_nav_link_left3.png') no-repeat 0% -216px; color: #ecffe9;}
.greenongrey li:hover {background-position: 100% -252px;}
.greenongrey li:hover a:link, .greenongrey li:hover a:visited, .greenongrey li:hover a:active, .greenongrey li.current a:hover {background-position: 0% -252px;}

.red li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -288px;}
.red li a:link, .red li a:visited, .red li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -288px; color: #ffffff;}
.red li:hover {background-position: 100% -324px;}
.red li:hover a:link, .red li:hover a:visited, .red li:hover a:active, .red li.current a:hover {background-position: 0% -324px;}

.blue li {background: transparent url('../img/bg_section_nav_link_right.png') no-repeat 100% -360px;}
.blue li a:link, .blue li a:visited, .blue li a:active {background: transparent url('../img/bg_section_nav_link_left.png') no-repeat 0% -360px; color: #ffffff;}
.blue li:hover {background-position: 100% -396px;}
.blue li:hover a:link, .blue li:hover a:visited, .blue li:hover a:active, .blue li.current a:hover {background-position: 0% -396px;}

/* intouchtable */
.intouchtable { font-size:12px;}
.intouchtable th { font-size:12px; font-weight:bold;}
.intouchtable tr {border-bottom:1px solid #ccc;}
.intouchtable p {margin-top:5px;}
.intouchtable tr { font-size:12px; font-weight:bold; border-bottom:1px solid #ccc;}

/* Signup newsletter */
.control_field
{
    font-size:0.7em; color:#4c4c4c;
}
.control_title
{
    font-size:1.0em; font-weight:bold; margin-bottom:10px; color:#4c4c4c; font-style:italic;
}
.control_buttonsubmit    
{
/*    background-image: url(/econtent/calne/img/signupbutton.jpg);*/
    width:82px;
    height:29px;
}
.control_container span
{
   font-size:0.7em; color:#4c4c4c; 
}
.rightcontent { font-size:0.9em;}
.rightcontent label { font-size:0.8em;}
.control_container { background:#f6f6f6; border:1px solid #d2d2d2; padding:10px;}

/* FAQ PANELS */

.panel{
	float: left;
	background: url(http://cmsdemo1.intouchcrm.co.uk/econtent/cmsdemo1/panel_bottom.jpg) bottom left no-repeat;
	position: relative;
	width: 290px;
	height: 350px;
	font-family: verdana;
	text-align: left;
	padding-top: 0px;
}
.panel_content{
	font-size: 11px;
	font-weight: regular;
	color: #505050;
	padding: 20px;
	padding-top: 10px
}
.panel_title{
	font-size: 13px;
	font-weight: bold;
	color: #505050;
	height: 45px;
	padding-top: 40px;
	padding-left: 83px;}