.text           {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	line-height: 18px;
}
.textthin       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 14px; }
.textmiddle     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px; }
.textsmall      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 100%;
}
.textlarge      {
	font-family: "Bookman Old Style";
	font-size: 21px;
	color: #FFFFFF;
	line-height: 100%;
	text-decoration: none;
}
.textwhite      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	line-height: 15px;
	font-weight: normal;
}
.textwhitesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #FFFFFF; line-height: 12px; }
.textred        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; line-height: 12px; }

.pagetitle    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #993399;
	font-weight: normal
}
.heading      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #811366;
	font-weight: bold;
	line-height: 15px;
} 
.reviewheading      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
} 
.imagecaption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #999999; }

table.tablerowcolor1 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 18px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}
table.tablerowcolor2 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}
table.tablerowcolor3 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #666666; line-height: 14px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}

a                    {
	font-family: Arial, Helvetica, sans-serif;
	color: #2C863B;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
} 
a:hover              {
	text-decoration: underline
}

a.subnavlevel2       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2D5893;
	text-decoration: none;
	padding-left: 25px;
	line-height: 18px;
	margin: 0px;
	display: block;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px,0px,0px,0px);
	overflow: hidden;
	padding-top: 0px;
	font-weight: normal;
	padding-bottom: 10px;
	background-image: url(../images/point2.gif);
	background-repeat: no-repeat;

} 
.newsborder {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #7D7D7D;
	padding-right: 15px;
}

a.subnavlevel2:hover {
	text-decoration: none;
	display: block;
	font-weight: bold;




}

a.subnavlevel2a      {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #7E56BC;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 10px;
	line-height: 50px;
	padding-right: 10px;






} 
a.subnavlevel2a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #3A8BCD;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 10px;
	line-height: 50px;





}



a.subnavlevel3       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #017443;
	font-weight: normal;
	text-decoration: none;
	line-height: 15px;
	display: block;
	padding-left: 45px;
	height: 20px;
} 
a.subnavlevel3:hover {
	font-weight: bold;
	text-decoration: none;
	display: block;

} 

a.subnavlevel4       {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	background-color: #CBBFD2;
	display: block;
	padding-left: 27px;
	line-height: 17px;




} 
a.subnavlevel4:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000F3D;
	font-weight: normal;
	text-decoration: none;
	background-color: #E9D4D4;
	display: block;
	padding-left: 27px;
	line-height: 17px;




} 

.pedalo              {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	padding-top: 6px;
	line-height: 100%;
} 
a.pedalo             {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	line-height: 100%;
} 
a.pedalo:hover       {
	text-decoration: underline;
} 

a.breadcrumb         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #993399; font-weight: bold; text-decoration: underline; }
a.breadcrumb:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #AC4646; font-weight: bold; text-decoration: underline; }
.breadcrumb          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #993399; font-weight: bold; text-decoration: none; }

a.navtype1           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline; font-weight: bold;} 
a.navtype1:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none; font-weight: bold;} 

a.navtype2           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; font-weight: bold;} 
a.navtype2:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none; font-weight: bold;} 

form     { margin:0px; padding:0px; }
select   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
input    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
options  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}

hr {
	font-size: 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
}

img.zimageright { margin-left: 24px; margin-right: 0px;  margin-top: 0px; margin-bottom: 22px; }
img.zimageleft  { margin-left: 0px;  margin-right: 24px; margin-top: 0px; margin-bottom: 22px; }

.insettext      { padding-right: 3px; padding-left: 3px; }
.hidedisplay    { display: none; }
.textwhite2 {
	font-family: "Bookman Old Style";
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
.heading2 {
	font-family: "Bookman Old Style";
	font-size: 24px;
	color: #CC0000;
}
.backgroundpattern {
	background-image: url(../images/template/bg_background.jpg);
	background-repeat: repeat;
}
.bottomcolumns {
	background-image: url(../images/template/left_pic_2.jpg);
	background-repeat: no-repeat;
	height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	padding-left: 7px;
	margin-bottom: 1px;
}

.texttable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #811366;
	padding-left: 10px;
}
.columntext {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.test {
	text-transform: uppercase;
}
.bottomcolumns2 {
	background-image: url(../images/template/left_pic_2.jpg);
	background-repeat: repeat-x;
	height: 36px;
	padding-top: 1px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #FFFFFF;
	padding-left: 7px;
	margin-bottom: 1px;
}

.navlevels li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
ul.navlevels  {
	margin: 0px;
	padding: 0px;
}

.navlevels {
	margin: 0px;
	padding: 0px;
}


h1    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 100%;
	color: #2E873A;
	line-height: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
} 

h2      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 100%;
	color: #2D5893;
	line-height: 15px;
	margin: 0px;
	font-weight: bold;
} 
h3      {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #784474;
	line-height: 16px;
	font-weight: normal;
} 

h5    {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333333;
	line-height: 100%;
	font-weight: normal;
	padding-top: 4px;
}

.tintedbg {
	background-color:#E5F1EC;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	clear:both;
}
.tintedbg:hover  {
	background-color:#E8EBEF;
	clear:both;
}
.tintedbg  img  {
	border: 2px solid #E5F1EC;
}
.tintedbg:hover  img  {
	border: 2px solid #FFFFFF;
}



/* STYLE FOR SCROLLABLE :: DO NOT EDIT */
/*  
root element for the scrollable.  
when scrolling occurs this element stays still.  
*/ 
div.scrollContainer {
	position:relative;
	height:290px;
	width:160px;
}

div.secondScrollContainer {
	position:relative;
	height:280px;
	width:400px;
}

div.scrollable {
	overflow:hidden;
	padding:10px 0;
	position:relative;
	float:left;
}

div.scrollable div.items {
	clear:both;
	position:absolute;
	width:10000em;
}
 
div.scrollable div.items div {
	float:left;
	padding:0;
	text-align:center;
}

div.firstScrollable div.items div {
	background-color:#C7C0CD;
	height: 240px;
	width:160px;
}

div.secondScrollable div.items div {
	background-color:#FFFFFF;
	width:200px;
	height:260px;
}

/* you may want to setup some decorations to active item */ 

div.items img { border:none; }

a.prev, a.next, a.prevPage, a.nextPage {
cursor:pointer;
display:block;
float:left;
height:33px;
margin:0px; /* was 43px 0px */
width:33px;
}

p.scrollText {
	text-align:center;
	color:#9E1B1E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

a.prev { background:transparent url(../images/template/prev2.png) no-repeat scroll 0 0; position:absolute; bottom:0; left:0; }
a.next {
	background:transparent url(../images/template/next2.png) no-repeat scroll 0 0;
	position:absolute;
	bottom:0;
	right:-3px;
}


a.prev:hover {
	background:url(../images/template/prev2.png) no-repeat scroll 0 0;
	text-decoration: none;
}
a.next:hover {
	background:url(../images/template/next2.png) no-repeat scroll 0 0;
	text-decoration: none;
}

a.disabled, a.disabled:hover {
	background:none!important;
}

div.navi a {
	background:transparent url(../images/icons/navigator.png) no-repeat scroll 0 0;
	cursor:pointer;
	float:left;
	height:8px;
	margin:3px;
	width:8px;
}

div.navi a.active {
background-position:0 -16px;
}

.textgreen { color:#006600; }

div.firstScrollable {
	width:160px;
	height:265px; /* was 300px */
}

div.secondScrollable {
	width:400px;
	height:260px; /* was 300px */
}
/* SCROLLABLE STYLE END */
.rightcolumntext {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 100%;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #990066;
}
.purple_bg {
	background-image: url(../images/cross_bg.jpg);
	background-repeat: repeat;
}
.purple_column {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	background-color: #EDEBEF;
	padding-top: 2px;
	padding-right: 7px;
	padding-left: 10px;
	padding-bottom: 2px;
	text-transform: capitalize;
}
.blue_column {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	background-color: #E8EEF7;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 7px;
	text-transform: capitalize;
}
.prodtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 100%;
	color: #990066;
	line-height: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

a.gallery         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D0064;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
}
a.gallery:hover   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AC4646;
	font-weight: normal;
	text-decoration: none;
}
.whatson_banner {
	background-color: #990100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	width: 190px;
}
.bannerheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 100%;
	color: #FFFFFF;
	line-height: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.top_bg {
	background-image: url(../images/template/left_side_1.jpg);
	background-repeat: repeat-x;
}
.mailing_list_banner {
	background-color: #7E56BC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	width: 190px;
}
.news_banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	background-color: #8B0E72;
	width: 190px;
}

body {
	padding:0;
	margin:0;
}
.contact_banner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 1px;
	width: 190px;
	background-color: #699DDC;
}
.leftborder {
	background-image: url(../images/template/left_border.jpg);
	background-repeat: repeat-y;
}
.rightborder {
	background-image: url(../images/template/right_border.jpg);
	background-repeat: repeat-y;
}
.bg_curve {
	background-image: url(../images/template/bg_curve.jpg);
	background-repeat: repeat-y;
}
.casestudiesborder {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2A558F;
	border-bottom-color: #2A558F;
	border-left-color: #2A558F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #7D7D7D;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.casestudiesborder2 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2A558F;
	border-left-color: #2A558F;
}

.navlevels li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}
ul.navlevels  {
	margin: 0px;
	padding: 0px;
}

.navlevels {
	margin: 0px;
	padding: 0px;
}
.indexnewstable {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}