﻿/*
 Navy:   #0A0346
 Midblue:#8997C6
 Lgtblue:#CFD4E8
 Red:    #FE0000
*/

body {
 width:100%;
 font-size:10pt;
 font-family:Helvetica,arial,sans-serif;
 background-color:white;
 margin:0;
 padding:0;
}
img,form {
 border:0px;
 margin:0;
 padding:0;
}

a:link {
 text-decoration:none;
}
a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}
a[name]:hover {
 text-decoration:none;
}
h1,h2 {
 color:#0A0346;
 font-weight:normal;
 font-size:12pt;
}
h4 {
 font-size:8pt;
 padding-top:0;
}
fieldset {
 margin:0;
 padding:10px;
 border:1px solid #8997C6;
 background-color:#CFD4E8;
}
label {
 display:block;
 float:left;
 font-size:8pt;
 width:110px;
 color:#0A0346;
}
input, textarea, select {
 font-size:8pt;
 font-family:Helvetica,arial,sans-serif;
 border:1px solid #8997C6;
 background-color:white;
 width:200px;
}
button {
 border:2px solid #0A0346;
 background-color:white;
 color:#0A0346;
}

#outerbody {

 padding:0;

 margin:5px 0;

 margin-left:120px;

 width:766px;

 background-image:url('image/pageshadow-middle.png');

 background-repeat:repeat-y;

}

#body {

 text-align:left;

 width:750px !important;

 margin:0;

 margin-left:8px !important;

 margin-left:8px;

}

#banner {
 margin:0;
 padding:0;
 padding-bottom:5px;
 height:150px;
 position:relative;
}
#banner h1 {
 position:absolute;
 right:60px !important;
 right:70px;
 bottom:33px !important;
 bottom:51px;
 color:white;
 font-size:14pt;
 font-weight:normal;
}
#menu {
 width:145px;
 float:left;
 margin-left:0;
 text-align:center;
 padding:0;
}
#menu img {
 margin:0;
 padding:0;
}
#menu span {
 display:block;
 width:120px;
 margin-left:7px !important;
 margin-left:6px;
 text-align:left;
}
#menu a {
 display:block;
 color:#0A0346;
 font-size:9pt;
 font-weight:normal;
 width:100px;
 border:1px solid white;
 border-top:0;
 padding:2px 3px 1px 3px;
}
#menu span.first a {
 border-top:1px solid white;
}
#menu a:hover {
 text-decoration:none;
 background-color:#8997C6;
 color:#CFD4E8;
}
#menu a.current-page, #menu a.current-page:hover {
 width:120px !important;
 width:121px;
 background:#8997C6 url('image/current-page.png') repeat-y top right;
 color:white;
 padding:2px 4px;
 border:0;
 border-left:1px solid white;
}
#menu span.first a.current-page {
 border-top:0;
}


#content {
 margin:0;
 margin-left:150px;
 width:588px;
 padding:5px;
 padding-bottom:15px;
 padding-top:0;
 border:0px solid #0A0346;
 border-right:0;
 color:#0A0346;
 font-size:8pt;
 height:35em;
 min-height:35em;
}
#content[id] {
 height:auto;
}
#content a {
 color:#0A0346;
}

#footer {
 position:relative;
 clear:both;
 width:740px;
 margin-left:0 !important;
 margin:2em 0 0 10px;
 padding:4px 5px 4px 5px;
 background-color:white;
 color:CFD4E8;
 font-size:10px;
 text-align:left;
}
#footer span {
 border-right:1px solid #0A0346;
 margin:2px 0;
 padding:0 2px;
}
#copyright {
 position:absolute;
 z-index:10;
 bottom:3.5em;
 background-color:white;
 color:#CFD4E8;
}

.ffix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


.thumbnail {
 display:block;
 float:left;
 width:130px;
 height:100px;
 text-align:center;
 margin:5px;
 border:1px solid #CFD4E8;
 padding-top:3px;
}
a.thumbnail:hover {
 border:1px solid #FE0000;
}
.thumbnail img {
}
.literature .thumbnail {
 height:140px;
}
.stationery .thumbnail {
 height:155px;
}
.websites .thumbnail {
 height:115px;
}
.packaging .thumbnail {
 height:116px;
}


#imageSlideShow {
 height:320px;
 position:relative;
 padding:0;
}

.subheading {

 font-size:0.75em;

 font-weight:normal;

}








/**********************************************code for new page*************************************/





.txttop
{
	background-color:#e8eaf6;
	height:49px;
	border:1px #bbbacd solid;
	color:#5b598f;
	font-size:22;
	text-indent:16px;
	width:582px;
}




.txttop2
{
	width:582px;
	height:120px;
	background-color:#e8eaf6;
	border:1px #bbbacd solid;
	color:#7e7ba8;

	margin-top:4px;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.txttop3
{
	width:582px;
	height:263px;
	background-color:white;
	 border:1px #bbbacd solid;
	 margin-top:4px;
	 
}

.leftimg
{
	
	width:289px;
	height:263px;
	background-image:url('image/lftimg.jpg');
	background-repeat:no-repeat;
	float:left;

}
.cntform
{
	width:290px;
	height:263px;
	
	float:left;
}

.focuselement
{
	width:255px;
	height:17px;
	
	margin-left:11px;
	margin-top:6px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #bbbacd solid;

	}
	
	.focuselement2
{
	width:255px;
	height:44px;
	
	margin-left:11px;
	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #bbbacd solid;

	}
	
	
	
	.focuselement4
{
	width:78px;
	height:50px;
	

	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	border:1px #15135f solid;

	}
	
	.button
{
	width:55px;
	height:17px;
	
	margin-left:10px;
	margin-top:10px;
	background-color:#15135f;
	color:#94bad3;
	float:left;
	border:1px #15135f solid;
	font-family:Trebuchet MS;
	font-size:10px;


	}
	
	
	
	
	.focuselement3
{
	width:88px;
	height:17px;
	
	margin-left:10px;
	margin-top:10px;
	background-color:#e8eaf6;
	color:#a1a0c2;
	float:left;
	

	border:1px #bbbacd solid;

	}


.txttop4
{
	
	width:582px;
	height:163px;
	background-color:#e8eaf6;
	border:1px #bbbacd solid;
	
	margin-top:3px;
	color:#15135f;
		font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


.middlepanel {
	width:582px;
	height:148px;
	background-image:url('image/midbg.jpg');
	background-repeat:repeat-x;	
	color:#353574;
	border:1px #bbbacd solid;
	margin-top:3px;
	text-align:left;
	text-indent:10px;
	font-family:Trebuchet MS;
background-color:#d6dcea
}




/****************************************************code for banner*******************************/

.banner1
{
	width:583px;
	height:735px;
	background-color:#e8eaf6;
	border:1px white solid;
border-bottom:1px #15135f solid;
	background-image:url('image/bannerbg.jpg');
	background-repeat:repeat-x;
	background-image:url('image/banerbgimg.jpg');
	background-repeat:no-repeat;
	color:#7e7ba8;
	margin-top:1px;
	
}


.banertxt1
{
	
	width:196px;
	color:#ee2e24;
	font-size:41px;
	margin-top:36px;
	margin-left:23px;
	font-weight:bolder;
}


.banertxt1
{
	
	width:196px;
	color:#ee2e24;
	font-size:45px;
	margin-top:36px;
	margin-left:23px;
	font-weight:bolder;
	font-family:Trebuchet MS;
line-height:45px;
}


.banertxt2
{
	
	width:545px;
	color:#002a5c;
	font-size:40px;
	font-weight:bold;
	margin-top:45px;
	margin-left:23px;
	font-style:italic;
	font-family:Trebuchet MS;


}


.banertxt4{
	margin-top:178px;
	margin-left:48px;
	font-weight:bold;
	width:205px;
	color:#002a5c;
	font-size:18px;
	font-style:italic;
	font-family:Trebuchet MS;
float:left;
line-height:22px;
}


.banertxt5{
	margin-top:176px;
    margin-left:62px;
	font-weight:bold;
	width:205px;
	color:#002a5c;
	float:left;
	font-size:21px;
	font-style:italic;
	font-family:Trebuchet MS;

}


.banertxt6{
	margin-top:390px;
    margin-left:308px;
	font-weight:bold;
	width:265px;
	color:#002a5c;
	

	font-size:18px;
	font-style:italic;
	font-family:Trebuchet MS;
	font-style:italic;


}



.bottom
{
	
	width:585px;
	height:94px;
	background-color:#002a5c;
	text-align:center;
	font-size:10px;
	color:white;
	font-family:Trebuchet MS;
	font-style:italic;


}
















#imageDetails a:visited, #imageDetails a:link, #imageDetails a:hover {

 color:#0A0346;

}



.address {

	text-align:left;

	font-size:11px;

	color:#8997C6;



	margin-left:10px;
	margin-bottom:5px;

}

.address em {

	font-weight:normal;

	font-style:normal;

	color:#0A0346;

	padding-bottom:2px;

}

#menu .address a {
	display:inline;
	color:#8997C6;
	font-size:11px;
}
#menu .address a:hover {
	background-color:white;
	text-decoration:underline;
}

#hotlink {
	background-color:red;
	color:white;
	float:right;
	margin-right:25px;
	margin-top:10px;
	padding:1px 3px;
}
input.radio, input.checkbox {
	width:auto;
}

.testimonials {
	float:right;
	border:1px solid #8997C6;
	background-color:rgb(232,235,244);
	padding:5px;
	margin:0;
	margin-left:10px;
	margin-right:5px;
}
.testimonials iframe {
	width:185px;
	height:500px !important;
	height:550px;
}
.testimonial {
	background-color:rgb(232,235,244);
	font-size:11px;
	color:rgb(107,107,145);
}
.testimonial a {
	color:rgb(107,107,145);
}
.testimonial em {
	font-size:1.15em;
	font-weight:bold;
	font-style:normal;
	margin:0;
	padding:0;
}
