@charset "utf-8";
/* Creative eWorld CSS*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

a,a:link,a:active
{
	text-decoration: none;
	color:#ffffff;
}

a:hover
{
	text-decoration:none;
	color:#9bd2f2;
}


#wrapper
{
	width:990px;
	margin: 0 auto;
	padding:0px;
}

body, html
{
	background:#ffffff;
	margin: 0;
	padding: 0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#bababb;
	behavior: url(iepngfix.htc);
	text-align:justify;
	background:url(../images/bg.jpg) repeat-x top;
	line-height:16px;
}

#header-wrapper
{
	margin:0 auto;
	padding:0px;
	width:990px;
	overflow: hidden;
	height:1%;
}


#logo { 
	width:367px; 
	height:76px; 
	float:left;
}

#top-wrapper
{
	float:right;
	width:623px;
	padding-right:0px;
	margin:0 auto;
}

/***********************
     Navigations
************************/
.nav
{
	float:right;
	margin:0px auto;
	width:490px;
	margin-top:45px;
	/*padding-left: 108px;*/
	z-index:5;
}

.nav a
{
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-transform:uppercase;
}

.nav a:hover {
color: #a2daf0;
}

.navdiv 
{
	background-image: url(../images/navdiv.jpg);
	background-repeat: no-repeat ;
	background-position: left;
	width: 15px;
}


.navsubmenu, .navsubmenu:active, .navsubmenu:link, .navsubmenu:visited
{ 
	float: none; 
	background: #627182; 
	font-family:Arial, Verdana, Geneva, sans-serif;	
	font-size:12px;	
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:capitalize; 
	padding-left: 5px;
	padding-top: 5px;
	margin:0px; 
	height:10px; 
	width:120px;
	border-bottom:#374049 1px solid; 
}

.navsubmenu:hover, .navsubmenuover, .navsubmenuover:active, .navsubmenuover:link, .navsubmenuover:visited, .navsubmenuover:hover
{
	background: #374049;
	color:#FFFFFF; 
}


.IE8Fix
{
	background: #627182; 
    z-index: 1;
}


/***********************
     Banner
************************/

/*
 * jQuery Nivo Slider v2.5.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
 /*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:728px;
    height:417px;
	padding:0px;
	margin:0px auto;
	float:left;
	margin-top:5px;
}

#slider {
	position:relative;
    width:728px;
    height:417px;
	padding:0px;
	margin:0px;
	background:url(../images/bannerimgbg.jpg) no-repeat top;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
    width:500px;
    height:30px;
    position:absolute;
    left:12px; /* Manually position in centre. Not perfect */
    bottom:-10px;
    padding:0px;
    z-index:20; /* Make sure it is visible above the slides */
}
.nivo-controlNav a {
	display:block;
	width:13px;
	height:14px;
	background:url(../images/sliderbullet.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:5px;
	float:left;
	text-align:center;
}
.nivo-controlNav a.active {
	background-position:0 -16px;
}

.nivo-directionNav a {
	display:block;
	width:20px;
	height:25px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-17px 0;
	right:0px;
	margin-top:0px;
}
a.nivo-prevNav {
	left:0px;
	margin-top:0px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
 
/***********************
     Content
************************/

#content-wrapper
{
	width:990px;
	clear:both;
	margin:0 auto;
	overflow: hidden;
	height:1%;
	margin-top:18px;
	margin-bottom:10px;
}

/***********************
     Main Page right column
************************/
#tile-wrapper {
    width:262px;
    height:425px;
	padding:0px;
	margin:0px auto;
	float:right;
}

#subpg-wrapper
{
	width:950px;
	margin:0 auto;
	clear:both;
	background:#40464c;
	padding:20px;
	min-height:280px;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.quote
{
	padding:10px;
	background:#e2f0ed;
	border:#f2f7f6 solid 1px;
}


/***********************
     Divider
************************/
.hDiv
{
	background:url(../images/line.jpg) repeat-x center;
	height:30px;
}

.vDiv
{
	background:url(../images/linev.jpg) repeat-y center;
	width:15px;
}

.dotted
{
	background:url(../images/dotted.gif) repeat-x center;
	height:20px;
}

.dottedv
{
	background:url(../images/dotted.gif) repeat-y center;
}

/***********************
     Fonts
************************/
p
{
	margin:0px;
	padding:0px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ebeff2;
	font-weight:lighter;
	letter-spacing:16px;
	text-transform:uppercase;
}

h2
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}

h3
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

.txtwhite
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
}

.txtblueheader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#57cbff;
	font-weight:bold;
	text-transform:uppercase;
}

.smalltext , .smalltext a
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#ffffff;
}

.smalltext a:hover
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#9bd2f2;
}

/***********************
     Products
************************/
.outline
{
	border:#515d61 1px solid;
	padding:2px;
}

/***********************
     Enquiry Form 
************************/
.formInput
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#797979;
	width:300px;
	border:1px solid #acacac;
	background-color:#ffffff;
}


.formBtn
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	background-color:#91a0af;
	border:1px solid #9ebfe1;
	font-weight:bold;
	cursor:pointer;
	padding:3px;
}

.formBtn:hover
{
	background-color: #9ebfe1;
	border: 1px Solid #9ebfe1;
}

.errMsg, .errMsg a:link, .errMsg a:visited, .errMsg a:Active
{
 	font-family: Verdana;
	font-size: 10px;	
	color:#CC0000;
}

.errMsg a:hover
{
    text-decoration: underlink;
}


/***********************
     Footer
************************/
#footer-wrapper
{
	width:990px;
	height:33px;
	clear:both;
	font-size:10px;
	color:#948989;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footer-left
{
	width:500px;
	float:left;
	text-align:left;
}

#footer-right
{
	width:450px;
	float:right;
	text-align:right;
}

#footer-right a
{
	color:#948989;
}

#footer-right a:hover
{
	color:#ffffff;
}

/***********************
     Programmer
************************/


/*************
*	For ASPNET.Menu
*
*************/
.navibaritem, .navibaritem:active, .navibaritem:link, .navibaritem:visited
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	cursor:hand;	
}
.navibaritemover
{
	font-family: Verdana;
	font-size: 10px;
	color: #8A0202;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background-color: #EBE4D4;
	cursor:hand;	
}

.NaviBarChildItem
{
	font-family: Verdana;
	font-size: 10px;
	color: #8A0202;	
	font-weight: bold;
	background-color: #EBE4D4;	
	border: solid 1px #eeeeee;	
	cursor:hand;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:10;
}
.NaviBarChildItemOver
{
	font-family: Verdana;
	font-size: 10px;
	color: #8A0202;	
	font-weight: bold;
	background-color: #EBE4D4;
	cursor:hand;	
	border: solid 1px #999999;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:10;
}



/***********************
     Lightbox
************************/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 500 !important;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #f9f7f0;
	width: 300px;
	height: 300px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 45%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	width:100%;
	z-index: 500 !important;
}




.pagelinkactive
{
	/* Use For Products List Page Numbering */
	font-family: Verdana;
	font-size: 10px;
	color: #8C836D;
	padding: 3,3,3,3;
	text-decoration: none;
}

.pagelinktext
{
	/* Use For Products List Page Numbering */
	font-family: Verdana;
	font-size: 10px;
	color: #8C836D;
	padding: 3,3,3,3;
	text-decoration: none;
}