@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:#9c1e3d;
	outline:0;
}

a:hover, a:focus
{
	text-decoration:none;
	color:#000000;
	ie-dummy: expression(this.hideFocus=true);
}

.img, .img a {
	border:0px;	
}

#wrapper
{
	width:1010px;
	margin:0px auto;
	padding:0px;
	background: url(../images/shadow.png) repeat-y center;
	clear:both;
}

body, html
{
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	background: url(../images/bg.jpg) repeat-y center #bb241d;
}

#header_wrapper
{
	margin:0 auto;
	padding:0px;
	width:990px;
	background:#FFFFFF;
}

#logo { 
	width:388px; 
	height:82px; 
	float:left;
	margin:15px 20px;
}

#topright{ 
	width:500px;
	float:right;
	text-align:right;
	margin:20px 20px;
	color:#9c1e3d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#9c1e3d;
	line-height:24px;
	font-weight:bold;
}

#topright a{ 
	color:#9c1e3d;
}

#topright a:hover{ 
	color:#000000;
}

/***********************
     Search
************************/
#search
{
	float:left;
	width:210px;
	margin:15px 0px 15px 15px;
	text-align:left;
}

#search ul {
	padding:0px;
	margin:0px;
	float:left;
}

#search ul li
{
	margin:0px;
	list-style:none;
	float:left;
}

#topshadow
{
	width:990px;
	margin:0px 10px;
	padding:0px;
	background:url(../images/topshadow.jpg) no-repeat;
	height:10px;
	float:left;
	clear:both;
}

/***********************
     Navigations
************************/

#nav-wrapper
{
	float:left;
	padding:0px;
	margin:0px 10px;
	width:990px;
	height:34px;
	background:url(../images/navbg.jpg) repeat-x center;
	text-align:center;
}


.navdiv
{
	background:url(../images/navdiv.jpg) no-repeat center;
	width:4px;
	height:34px;
}

@charset "utf-8";
/* CSS Document */

/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/


ul#navmenu-h { margin-top:0px; padding: 0; list-style: none; position: relative; float:left; margin-left:5px;	z-index:500 !important; }

ul#navmenu-h ul {

 display: none;
 position: absolute;
 top: 100%;
 left: 0;
list-style-type:none;
	padding:0px;
	margin:0px ;
	float:right;
}

ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; float:left;}

ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { width: 100%; display: block; }

/* Root Menu */
ul#navmenu-h a {
	text-align:center;
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:34px;
	color:#ffffff;
	text-transform:uppercase;
	cursor:pointer;
	padding:0px 62px;
	font-weight:bold;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
color: #000000;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 float: none;
 background:#ffffff;
 border:#ffffff 1px solid;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#007ad4;
	text-transform:capitalize;
	padding:0px 6px;
	margin-top:0px;
	margin-left:0px;
	text-align:left;
	cursor:pointer;
	z-index:500!important;
	width:108px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
	cursor:pointer;
	 background: #f3f3f1;
	color:#59a2d4;
	z-index:500!important;
	font-weight:bold;
 
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }




/***********************
     Sidenav
************************/

#sidenav
{
	width:230px;
	margin:0px 0px 0px 10px;
	float:left;
}

.sidenavbg
{
	background:url(../images/sidenavbg.jpg) repeat-x;
}


#prod
{
	width:230px;
	float:left;
}

#nav-prod
{
	width:230px;
	float:left;
}


ul#navmenu-v { margin-top:0px; padding: 0; list-style: none; position: relative; float:left; z-index:500 !important; }

ul#navmenu-v ul {

 display: none;
 position: absolute;
 top: 100%;
 left: 0;
list-style-type:none;
	padding:0px;
	margin:0px ;
	float:right;
}

ul#navmenu-v ul ul,ul#navmenu-v ul ul ul { top: 0; left: 100%; float:left;}

ul#navmenu-v li { float: left; display: inline; position: relative; }
ul#navmenu-v ul li { display: block;}
ul#navmenu-v ul { margin-top:-41px;}
/* Root Menu */
ul#navmenu-v a {
	text-align:left;
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:42px;
	color:#000000;
	text-transform:uppercase;
	cursor:pointer;
	padding:0px 20px;
	font-weight:bold;
	background:url(../images/sidenavheaderbg.jpg) repeat-y;
	width:190px;
	height:40px;
	border-bottom:#FFFFFF 1px solid;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
color: #ffffff;
background:url(../images/sidenavheaderbg_over.jpg) repeat-y;
}

/* 2nd Menu */

ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background:#c4222d;
 color:#FFFFFF;
 border-bottom:#ffffff 1px solid;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:capitalize;
	padding:10px 15px;
	margin-left:230px;
	text-align:left;
	cursor:pointer;
	z-index:500!important;
	width:120px;
	height:auto;
	line-height:16px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
	cursor:pointer;
	 background: #d4424c;
	color:#ffffff;
	z-index:500!important;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }

/***********************
     Banner
************************/
#banner
{
	width:702px;
	height:496px;
	text-align:center;
	border:none;
	display:block;
	background:url(../images/bannerbg.jpg) no-repeat top;
	clear:both;
	margin:0px 10px 0px 0px;
}


 /*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
	position:relative;
	width:702px;
	height:300px;
	padding:0px;
	margin:0px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

 .nivo-controlNav {
    width:180px;
    height:30px;
    position:absolute;
    left:525px; /* Manually position in centre. Not perfect */
    bottom:-10px;
    padding:10px 13px 3px 13px;
    z-index:20; /* Make sure it is visible above the slides */
}
 .nivo-controlNav a {
	display:block;
	width:14px;
	height:14px;
	border:0;
	margin-right:5px;
	float:left;
	text-align:center;
	color:#c5171b;
	background:#edebeb;
	font-size:10px;
	padding:2px;
	cursor:pointer;
	
}
 .nivo-controlNav a.active {
	color:#FFFFFF;background:#c5171b;
}

/*====================*/
/*=== 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;
}

#bannershadow
{
	width:706px;
	margin:0px;
	padding:0px;
	background:url(../images/maindiv.jpg) repeat-x;
	height:10px;
	clear:both;
	margin:10px 10px 0px 0px;
}

/***********************
     Content
************************/


#content{
width:710px;
margin:0px 10px 25px 0px;
}


#content li {
	list-style-image: url(../images/bullet.png);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
}

#content ul {
	margin-top: 0px;
	margin-bottom: 0px;
}


.maincat {
	border:#dcdadb 1px solid;
	padding:5px;
	width:150px;
	float:left;
	margin-right:19px;
	text-align:center;
	margin-top:18px;
}

.maincat:hover {
	border:#dd9191 1px solid;
}

.maincat-last {
	border:#dcdadb 1px solid;
	padding:5px;
	width:150px;
	float:left;
	text-align:center;
	margin-top:18px;
}

.maincat-last:hover {
	border:#dd9191 1px solid;
}

.prodlisting {
	border:#dcdadb 1px solid;
	width:222px;
	float:left;
	margin-right:9px;
	margin-left:3px;
	text-align:center;
	margin-top:15px;
}

.prodlisting:hover {
	border:#dd9191 1px solid;
}

.prodname {
	background:#e2dede;
	color:#181818;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:10px 15px;
	text-align:center;
}

.contact {
	background:#f5f5f5;
	padding:10px 20px;
}
/***********************
     Divider
************************/
.hDiv
{
	background:url(../images/line.jpg) repeat-x center;
	height:20px;
	width:706px;
}

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

.hDiv02
{
	background:url(../images/line.jpg) repeat-x center;
	height:40px;
	width:706px;
}

/***********************
     Fonts
************************/
p
{
	margin:0px;
	padding:0px;
	text-align:justify;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#c01d45;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:-3px;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#cd233c;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-left:15px;
}

h4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2d2d2d;
	font-weight:bold;
	text-transform:captialise;
	margin-top:10px;
}


.subtitle
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#de5767;
	font-weight:bold;
	text-transform:captialise;
}

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

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

#breadcrumbs 
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#404040;
	text-align:right;
	text-transform:uppercase;
	margin-top:6px;
	width:705px;
}

#breadcrumbs a
{
	color:#000000;
}

#breadcrumbs a:hover
{
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#c01d45;
}


/***********************
     Products
************************/
.outline
{
	border:#f299a3 1px solid !important;
	padding:3px;
}

.outlineprofile
{
	border:#e0dfdf 1px solid;
	padding:2px;
}

/***********************
     Enquiry Form 
************************/
.formSearch
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	width:150px;
	border:0px;
	background-color:#787373;
	margin:0px;
	padding:4px 8px;
	height:16px;
}

.formInput
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#373737;
	width:400px;
	border:1px solid #cdcdcd;
	background-color:#ffffff;
	padding:3px;
}

.formInput:focus, .formInput:hover {ie-dummy: expression(this.hideFocus=true);outline:none; background-color:#f8f4f4; border:1px solid #efead0;
	 -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.formQty
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#373737;
	width:50px;
	border:1px solid #cdcdcd;
	background-color:#ffffff;
	padding:3px;
}

.formQty:focus, .formQty:hover {ie-dummy: expression(this.hideFocus=true);outline:none; background-color:#e2dede; border:1px solid #f2f5f8;
	 -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.formBtn
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#c01c33;
	border:1px solid #d9394f;
	font-weight:bold;
	cursor:pointer;
	padding:4px;
}

.formBtn:hover
{
	background-color: #ebebeb;
	border: 1px Solid #d4b9bc;
	color:#c01c33;
}

/***********************
     Footer
************************/

#footer-wrapper
{
	font-size:10px;
	color:#676666;
	text-decoration:none;
	text-align:left;
	width:990px;
	height:42px;
	background:#f7e0e2;
	clear:both;
	margin:0px 10px;
}

#footerleft{
	width:400px;
	float:left;
	padding:10px 0px 0px 10px;
	line-height:12px;
}

#footerright{
	width:400px;
	float:right;
	text-align:right;
	padding:15px 10px 0px 0px;
}

#btmshadow
{
	width:1010px;
	margin:0px auto;
	padding:0px;
	background:url(../images/btmshadow.png) no-repeat;
	height:10px;
	clear:both;
}
/***********************
  Programmer Required
************************/
.IE8Fix
{
    z-index: 1;
}

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

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

.dlCategory
{
	margin-bottom: 25px;
}

.selected /* Paging */
{
	font-weight: bold;
	color: #000000 !important;
}