/* -----------------------------------------
   Designed and developed by www.KAWEB.co.uk 
   ----------------------------------------- */

@import url(navigation.css);
@import url(form.css);

body {
	font-family: verdana, Helvetica, sans-serif;
	font-size: 78%;
	margin:0px;	padding:0px;
	text-align:center;
	background-color:#FFF;
}

img{border:none;}
.img-csLarge{width:170px; border:1px solid gray; }
.img-csSmall{width:90px; height:90px;}

.floatLeft{float:left; margin:0px 10px 0px 10px;}

p, ul.list, form, table{margin:0px 0px 12px 0px; padding:0px; line-height:1.4em; font-size:.9em; color:#3F3D3C;}
p.phone-no{color:#000066; position:absolute; top:100px; left:35px;}
ul.list{margin:0px 0px 15px 15px}
ul.list li{margin-left:15px}

.downloads {font-size:0.9em;list-style-image:url('/images/case-studies-elements/pdf-icon.gif');margin:0 0 0 0;padding:0px 0px 5px 5px;}
.swf {list-style-image:url('/images/flash_video_elements/flash-video-icon.gif');margin:0 0 0 0;padding:0px 0px 5px 5px;}*/



/*

#col-right #lit-leftCol .lit-container .downloads {font-size:0.9em;list-style-image:url('/images/case-studies-elements/pdf-icon.gif');margin:0 0 0 30px;padding:0px 0px 5px 5px;}
#col-right #lit-leftCol .lit-container .swf {list-style-image:url('/images/flash_video_elements/flash-video-icon.gif');margin:0 0 0 20px;padding:0px 0px 5px 5px;}
*/


ol li{display:block; float:left; margin:0px 0px 15px 0px; }/* -- for FAQ search results -- */

a {color:#000066;}
a:hover {color:CC0404; text-decoration:none; }
a:visited{color:#000;}

a.alt {color:#000066; margin-left:15px; margin-bottom:10px;}
a.alt:hover {color:CC0404; text-decoration:none; }
a.alt:visited{color:#000;}

.error { color:red; }


h1, h2, h3{color:#CC0000; margin:0px; padding:0px;}
h1{margin:15px 0px 4px 0px; font-size:1.2em;}
h2{font-size:.9em; color:#FFF;}
h3{font-size:.9em; margin-bottom:8px;}

#container{
	margin:0 auto; padding:0px 0px 15px 0px;
	text-align:left;
	background:#FFF url("../images/circle-bkgd.gif") repeat-y 200px -8px;	
	width:770px;
	position:relative;
}

#col-left{
	margin:0px; padding:25px 0px 0px 0px;
	width:230px;
	float:left;
}

#col-left-home{
	margin:0px; padding:255px 0px 0px 0px;
	width:230px;
	float:left;
}


#col-left p, #col-left-home p, #col-left #sub-nav{font-size:.8em; text-align:right; padding:0px 45px 0px 20px}


#col-right{
	margin:10px 0 0 0; padding:0px;
	width:535px;
	float:left;
}

#col-content{margin:0px 0px 0px 0px; padding:0px; width:325px; float:left;}
#col-content-contact{margin:0px 0px 0px 0px; padding:0px; width:450px; float:left;}
#col-feature{
	margin:35px 0px 0px 25px; padding:40px 0px 0px 0px;
	/*position:absolute;
	top:106px;
	right:15px;8*/
	position:relative;
	float:left;
	width:179px;
	background:#CCC url("../images/featurePanel-top-new.gif") no-repeat 0px 0px;
}

#col-feature div{
	margin:0px; padding:0px 0px 45px 0px;	
	background:url("../images/featurePanel-bottom-new.gif") no-repeat 0 bottom;
}

.col-feature-bottom {
background:transparent url(../images/featurePanel-bottom-new.gif) no-repeat scroll 0pt bottom;
margin:0px;
padding:0px 0px 45px;
}



.col-feature{
	margin:35px 0px 0px 25px; padding:40px 0px 0px 0px;
	/*position:absolute;
	top:106px;
	right:15px;8*/
	position:relative;
	float:left;
	width:179px;
	background:#CCC url("../images/featurePanel-top-new.gif") no-repeat 0px 0px;
	}
	

.col-feature div{
	margin:0px; padding:0px 0px 45px 0px;	
	background:url("../images/featurePanel-bottom-new.gif") no-repeat 0 bottom;
}

.col-feature img {margin:-5px 5px 10px 5px;}

h2.feature-title{margin:-32px 0px 13px 0px; padding:0px 10px; z-index:0}
#col-feature p{margin-left:10px;  margin-right:10px;}
.col-feature p{margin-left:10px;  margin-right:10px;}


/* ------ PRODUCTS ------ */
/* ---------------------- */
div.prod-container{
	margin:18px 0px; padding:25px 0px 0px 0px;
	position:relative;
}
div.prod-container span{
	margin:0px; padding:0px 0px 20px 0px;
	position:relative;
	background:url("../images/case-studies-elements/caseStudy-bottom.gif") no-repeat right 43px;
}

div.prod-container ul.list {padding:0px 0px 0px 0px}

div.prod-container h2 a{color:#CC0404;}
div.prod-container ul{padding-top:10px; margin-left:45px;}
div.prod-container p {margin-left:10px;}

div.prod-container p.more-btn{
	margin:0px; padding:0px;
	position:absolute;
	right:18px;	bottom:20px;
}
div.prod-container img{border:1px solid gray;}

h2 a{text-decoration:none;}
h2 a:hover{text-decoration:underline;}

/* ---- LITERATURE -------*/
#lit-leftCol{width:255px; margin-right:15px; float:left;}
#lit-rightCol{width:255px; margin-top:-18px; float:left;}
div.lit-container{
	margin:18px 0px; padding:45px 0px 0px 0px;
	position:relative;

}
div.lit-container span{
	margin:0px; padding:0px 0px 30px 0px;
	position:relative;
	background:url("../images/products/prodPanel-bottom.gif") no-repeat right bottom;
}



div.lit-container h2 a{color:#000;}
div.lit-container ul{padding-top:10px; margin-left:0px;}
div.lit-container p {margin-left:10px;}

div.litcontainer p.more-btn{
	margin:0px; padding:0px;
	position:absolute;
	right:18px;	bottom:20px;
}
div.lit-container .feature-title {color:#CC0404;}




/* ---- CASE STUDIES ---- */
/* ---------------------- */
div.caseStudy-container{
	margin:30px 0px; padding:0px;
	position:relative;
	background:url("../images/case-studies-elements/caseStudy-bottom.gif") no-repeat right bottom;
}
div.caseStudy-container img{border:1px solid gray; margin:0px 5px 0px 0px;}
/*div.caseStudy-container p{margin-bottom:20px;}*/
p.more-btn{
	margin:0px; padding:0px;
	position:absolute;
	right:18px;	bottom:3px;
}
p.more-btn a{color:#000; }

p.home-btn	{ left:5px;}
p.home-btn a{color:#FFF; background:url('../images/btn-more.gif') no-repeat 0 0; display:block; height:18px; width:63px; text-indent:-999em}
p.home-btn a:hover	{ background-position:0 -18px}

#col-content.cs-article{width:525px;}
#col-content.cs-article div{float:left; width:325px;}


/* ---- TABLES ---- */
/* ---------------- */
table h3{margin:0px;}
table{margin:12px 0px;}
td{padding:1px;}
table td.col-one{font-weight:bold;}

table.table-reference td{padding:4px 5px;}
/*table.table-reference tr.bkgd-dark{background-color:#DEDFEA;}*/


/* --------------------- */
/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */