html {height: 100%;margin-bottom: 1px;}
form {margin: 0;padding: 0;}
body{font-size: 14px; font-family:Lucida Sans Unicode,sans-serif; margin: 0;line-height: 135%; padding:0px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 15px 0 10px 0;font-weight: normal;line-height: 135%;}
h1 {font-size: 27px;line-height: 100%;}
h2 {font-size: 20px;line-height: 100%;}
h3 {font-size: 15px;}
h4 {font-size: 12px;line-height: 130%;}
h5 {font-size: 11px;text-transform: uppercase;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr, .clear {clear: both;font-size: 0;}
.top-header{
background:#E9E9E9 url(../images/show-bg.png) no-repeat scroll 50% 0;
}
.ads{
width:205px;
font-size:12px;
color:#000000;
text-align:justify;
margin:10px 0px;
}
.header{
width:952px;
margin:auto;
}
.maker{
width:204px;
margin:0px auto 10px auto;
font-size:12px;
}
.maker a{
color:#000000;
}

#nav{
float:right;
background:url(../images/menu.png);
width:600px;
height:46px;
margin-bottom:10px;
}



ul#toolbar {
	height: 28px;
	text-align: center;
	list-style: none;
	margin: 0 0px 0px 25px;
	padding:0px;
	clear: both;

	}

	

#toolbar li {
top: 0;
float:left;
margin-top:5px;
}
#toolbar li a {
height: 28px;
display: block;
}
#toolbar li.active {
/*border-bottom: 1px solid #f2f2f2;*/
background-position: bottom;
height: 28px;
z-index: 10;

	}



#toolbar li.inactive {
background-position: top;
	}

	

#toolbar li:hover {
background-position: bottom;
}

		

#toolbar li#home-tab {
left: 0;
width: 82px;
background-image: url(../images/home.png);
}
#toolbar li#products-tab {
left: 250px;
width: 90px;
background-image: url(../images/products.png);
}
#toolbar li#features-tab {
left: 555px;
width: 85px;
background-image: url(../images/features.png);
}
#toolbar li#gallery-tab {
left: 666px;
width: 85px;
background-image: url(../images/gallery.png);
}
#toolbar li#video-tab {
left: 666px;
width: 85px;
background-image: url(../images/video.png);
}
#toolbar li#contact-tab {
left: 385px;
width: 106px;
background-image: url(../images/contactus.png);
}




#logo {width: 225px; height:186px;}
.banner-bg{
width:490px; height:229px; background:url(../images/banner.png) no-repeat; float:right;
	}
.banner-bg img{
	padding:17px 10px 0px 20px;
	}
.main-banner{
margin:0px auto 0px auto; height:270px; padding-top:20px;
}
.logo{width:185px; height:200px; padding:15px 15px 15px 0; float:left;}

/* Main Body */
#main-body {background: #E1E1E1 url(../images/body-bg.png) top repeat-x; margin:0px; padding:0px;}
#main-body-1 {background: #d6dfe9 url(../images/body-bg-1.png) top repeat-x;}
#main-body-2 {background: #e4fbca url(../images/body-bg-2.png) top repeat-x;}
.colmain{
width:950px; margin:auto;}
.colright{
width:695px;float:right;}
.colcenter{
width:900px;}
.colleft{
width:205px;float:left;}
.clr{
clear:both;
font-size:0px;
}

#maincol, #leftcol, #rightcol, #mainmodules4, body input, #main-body .poll-buttons a.readon-main {color: #333; }

/* Text Shadows */
#main-body .moduletable h3, #bottom .moduletable h3, span.tabtext {text-shadow:1px 1px 0px #d8d8d8;}
#main-body .round3 .moduletable h3, #bottom .round3 .moduletable h3, #main-body .square3 .moduletable h3, #bottom .square3 .moduletable h3, #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {text-shadow:-1px -1px 0px #666;}

#main-body-1 .moduletable h3, #bottom .moduletable h3, span.tabtext {text-shadow:1px 1px 0px #d8d8d8; }
#main-body-1 .round3 .moduletable h3, #bottom .round3 .moduletable h3, #main-body .square3 .moduletable h3, #bottom .square3 .moduletable h3, #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {text-shadow:-1px -1px 0px #666;}


#main-body-2 .moduletable h3, #bottom .moduletable h3, span.tabtext {text-shadow:1px 1px 0px #d8d8d8;}
#main-body-2 .round3 .moduletable h3, #bottom .round3 .moduletable h3, #main-body .square3 .moduletable h3, #bottom .square3 .moduletable h3, #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {text-shadow:-1px -1px 0px #666;}



#footer .moduletable h3, a.readon-main, a.readon-main input.button {text-shadow:1px 1px 0px #d8d8d8;}
.contentheading {background: url(../images/body-div.png) 0 100% repeat-x; padding:15px 0px 15px 0px; color: #333;}
.contentheading span{ color:#aa1110;}
.round3 .form-login .inputbox, .square3 .form-login .inputbox {background: #717171;border: 1px solid #A8A8A8;color: #d8d8d8;}
.login-links a {background: url(../images/arrows.png) 0 4px no-repeat;}
.round3 .login-links a, .square3 .login-links a {background: url(../images/arrows2.png) 0 3px no-repeat;}
#breadcrumbs-home {background: url(../images/assets-1.png) -155px -72px no-repeat;}
#breadcrumbs span img {background: url(../images/arrows.png) 0 7px no-repeat;}
.date-div {color: #999;}
tr.sectiontableentry1 {background: #d0d0d0;}

/* Side Menu */
#main-body ul.menu li {background: url(../images/body-div.png) 0 100% repeat-x; color: #666; list-style:square;}
#main-body ul.menu li :hover {color: #333;}
#main-body ul.menu li .active {color: #333;}
#main-body ul.menu li span {color: #666;}
.small-text{ font-size:0.8em; color:#d8d8d8;}



/* Side Menu */
#main-body-1 ul.menu li {background: url(../images/body-div.png) 0 100% repeat-x; color: #666; list-style:square;}
#main-body-1 ul.menu li :hover {color: #333;}
#main-body-1 ul.menu li .active {color: #333;}
#main-body-1 ul.menu li span {color: #666;}
.small-text{ font-size:0.8em; color:#d8d8d8;}


/* Side Menu */
#main-body-2 ul.menu li {background: url(../images/body-div.png) 0 100% repeat-x; color: #666; list-style:square;}
#main-body-2 ul.menu li :hover {color: #333;}
#main-body-2 ul.menu li .active {color: #333;}
#main-body-2 ul.menu li span {color: #666;}
.small-text{ font-size:0.8em; color:#d8d8d8;}




/* Main Body Modules */
.moduletable{padding:30px 0px 20px 0px;}
.moduletable h3 {margin-top: 0;font-size: 160%;}
.module-inner {position: relative;z-index: 4;padding: 15px 20px;}

/* Side Menus */
#main-body ul.menu {margin: 0;padding: 0; width:205px;}
#main-body ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover, #main-body ul.menu .item:hover {text-decoration: none;}
#main-body ul.menu span {display: block; color:#7d7d7d;}
#main-body ul.menu li.active.parent li .item span, #main-body ul.menu li.parent li .item span, #main-body ul.menu li.active.parent li a span, #main-body ul.menu li.parent li a span, #main-body ul.menu li.active.parent li .separator span, #main-body ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;}
#main-body ul.menu li.active.parent li, #main-body ul.menu li.parent li {padding-left: 20px;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {padding: 9px 2px 9px 2px;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {font-weight: normal;}
#main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;}
#main-body ul.menu ul ul {padding: 0; margin: 0;}
#main-body ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;}
#main-body .round2 ul.menu li li, #main-body .round3 ul.menu li li, #main-body .round4 ul.menu li li, #main-body .round5 ul.menu li li, #main-body .square2 ul.menu li li, #main-body .square3 ul.menu li li, #main-body .square4 ul.menu li li, #main-body .square5 ul.menu li li {background: none;}
#main-body ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;}
#main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body ul.menu li.active {padding: 0;}
#main-body .menu .subtext em {line-height: 14px;}
#main-body .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}




/* Side Menus */
#main-body-1 ul.menu {margin: 0;padding: 0; width:205px;}
#main-body-1 ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
#main-body-1 ul.menu a:hover, #main-body-1 ul.menu .separator:hover, #main-body ul.menu .item:hover {text-decoration: none;}
#main-body-1 ul.menu span {display: block; color:#7d7d7d;}
#main-body-1 ul.menu li.active.parent li .item span, #main-body-1 ul.menu li.parent li .item span, #main-body-1 ul.menu li.active.parent li a span, #main-body-1 ul.menu li.parent li a span, #main-body-1 ul.menu li.active.parent li .separator span, #main-body-1 ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;}
#main-body-1 ul.menu li.active.parent li, #main-body-1 ul.menu li.parent li {padding-left: 20px;}
#main-body-1 ul.menu a, #main-body-1 ul.menu .separator, #main-body-1 ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body-1 ul.menu a, #main-body-1 ul.menu .separator, #main-body-1 ul.menu .item {padding: 9px 2px 9px 2px;}
#main-body-1 ul.menu a, #main-body-1 ul.menu .separator, #main-body-1 ul.menu .item {font-weight: normal;}
#main-body-1 ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;}
#main-body-1 ul.menu ul ul {padding: 0; margin: 0;}
#main-body-1 ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;}
#main-body-1 .round2 ul.menu li li, #main-body-1 .round3 ul.menu li li, #main-body-1 .round4 ul.menu li li, #main-body-1 .round5 ul.menu li li, #main-body-1 .square2 ul.menu li li, #main-body-1 .square3 ul.menu li li, #main-body-1 .square4 ul.menu li li, #main-body-1 .square5 ul.menu li li {background: none;}
#main-body-1 ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;}
#main-body-1 ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body-1 ul.menu li.active {padding: 0;}
#main-body-1 .menu .subtext em {line-height: 14px;}
#main-body-1 .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}




/* Side Menus */
#main-body-2 ul.menu {margin: 0;padding: 0; width:205px;}
#main-body-2 ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
#main-body-2 ul.menu a:hover, #main-body-1 ul.menu .separator:hover, #main-body-2 ul.menu .item:hover {text-decoration: none;}
#main-body-2 ul.menu span {display: block; color:#7d7d7d;}
#main-body-2 ul.menu li.active.parent li .item span, #main-body-2 ul.menu li.parent li .item span, #main-body-2 ul.menu li.active.parent li a span, #main-body-2 ul.menu li.parent li a span, #main-body-2 ul.menu li.active.parent li .separator span, #main-body-2 ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;}
#main-body-2 ul.menu li.active.parent li, #main-body-1 ul.menu li.parent li {padding-left: 20px;}
#main-body-2 ul.menu a, #main-body-2 ul.menu .separator, #main-body-2 ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;}
#main-body-2 ul.menu a, #main-body-2 ul.menu .separator, #main-body-2 ul.menu .item {padding: 9px 2px 9px 2px;}
#main-body-2 ul.menu a, #main-body-2 ul.menu .separator, #main-body-2 ul.menu .item {font-weight: normal;}
#main-body-2 ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;}
#main-body-2 ul.menu ul ul {padding: 0; margin: 0;}
#main-body-2 ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;}
#main-body-2 .round2 ul.menu li li, #main-body-1 .round3 ul.menu li li, #main-body-1 .round4 ul.menu li li, #main-body-2 .round5 ul.menu li li, #main-body-2 .square2 ul.menu li li, #main-body-2 .square3 ul.menu li li, #main-body-1 .square4 ul.menu li li, #main-body-2 .square5 ul.menu li li {background: none;}
#main-body-2 ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;}
#main-body-2 ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body-2 ul.menu li.active {padding: 0;}
#main-body-2 .menu .subtext em {line-height: 14px;}
#main-body-2 .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}



.copyright{
margin:40px auto 20px auto;
width:900px;
font-size:18px;
font-weight:bold;
}

#slideshow {
    position:relative;
    
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	height:200px;
	width:450px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


a{

color:#FFFFFF;
text-decoration:none;
}

.selected-home{
    background:#7d0d0c;
	width:44px;
    height:33px;
}
.selected-contact{
    background:#7d0d0c;
	width:84px;
    height:33px;
}


ul.comics li:hover {
    color: #134;
}

div.ahover {
    position: absolute;
}
.feature-text{
font-size:12px;
}

.input_text
{
	border:#cccccc solid 2px;
	font-family:Tahoma;
	font-size:11px;
	width:190px;
	height:20px;
	padding:5px 0px 0px 5px;
}
.input_text_2
{
	border:#cccccc solid 2px;
	font-family:Tahoma;
	font-size:11px;
	width:190px;
	height:60px;
	padding:5px 0px 0px 5px;
}
.address_text
{
	font-family:Tahoma;
	font-size:12px;
	color:#E9BD44;
	text-align:left;
	line-height:16px;
}
.address_text a
{
	font-family:Tahoma;
	font-size:12px;
	color:#E9BD44;
	text-align:left;
	line-height:16px;
	text-decoration:none;
}
.input_button
{
	background:#7d0d0c;
	font-family:Tahoma;
	font-size:11px;
	border:#c61413 solid 1px;
	color:#FFFFFF;
	width:60px;
	height:25px;
}
.enquiry-form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#7d0d0c;
	text-decoration:none;
	}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}