﻿@charset "utf-8";
/* Creative eWorld CSS
   Version 2.1 (Last update on 11 May 2015)
*/


/* HTML5 display-role reset for older browsers */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, sub, tt, var, b, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	box-sizing: border-box;
}


/* Links and remove of Dotted line */

a, a:link, a:visited, a:active {
	font:normal 14px 'source_sans_proregular', Arial, sans-serif;	
	color:#0c0f71;
	line-height:20px;
	text-decoration:underline;	
	letter-spacing:0.1em;
}
a:hover, a:focus {
	text-decoration: none;
	color:#1b1b1b;
 ie-dummy: expression(this.hideFocus=true);
}

a img {
	border: none;
	outline: none;	
}

a.back {
	color: #6f6f6f;
	letter-spacing: 1px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

a.back:hover {
	color: #222222;	
}

a.update{
	text-decoration: none;
	display: inline-block;
	padding-bottom: 1px;
	letter-spacing: 1px;
	border-bottom: 3px solid #5557a5;
}

a.update:hover {
	color: #0006bb;
	border-color: #0006bb;	
}

/* <a> link with class */
a.btn {
                cursor: pointer;
                -webkit-transition: all 1s ease-in-out;
                -moz-transition: all 1s ease-in-out;
                -ms-transition: all 1s ease-in-out;
                -o-transition: all 1s ease-in-out;
                transition: all 1s ease-in-out;
                border: 0;
                outline: 0;
                font:normal 12px 'aleobold', Arial, sans-serif;      
                background-color:#333333;
                color:#ffffff;
                text-transform:uppercase;
                padding:6px 15px;
                display: inline-block;
                text-decoration: none;
                min-height: 31px; 
                line-height: 19px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;}

a.btn:hover {
                background: #666666;    
}



/* Font Embed */

@font-face {
    font-family: 'aleobold';
    src: url('fonts/aleo-bold-webfont.eot');
    src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bold-webfont.woff2') format('woff2'),
         url('fonts/aleo-bold-webfont.woff') format('woff'),
         url('fonts/aleo-bold-webfont.ttf') format('truetype'),
         url('fonts/aleo-bold-webfont.svg#aleobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleobolditalic';
    src: url('fonts/aleo-bolditalic-webfont.eot');
    src: url('fonts/aleo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/aleo-bolditalic-webfont.woff') format('woff'),
         url('fonts/aleo-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/aleo-bolditalic-webfont.svg#aleobolditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleoitalic';
    src: url('fonts/aleo-italic-webfont.eot');
    src: url('fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-italic-webfont.woff2') format('woff2'),
         url('fonts/aleo-italic-webfont.woff') format('woff'),
         url('fonts/aleo-italic-webfont.ttf') format('truetype'),
         url('fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleolight';
    src: url('fonts/aleo-light-webfont.eot');
    src: url('fonts/aleo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-light-webfont.woff2') format('woff2'),
         url('fonts/aleo-light-webfont.woff') format('woff'),
         url('fonts/aleo-light-webfont.ttf') format('truetype'),
         url('fonts/aleo-light-webfont.svg#aleolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleolightitalic';
    src: url('fonts/aleo-lightitalic-webfont.eot');
    src: url('fonts/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/aleo-lightitalic-webfont.woff') format('woff'),
         url('fonts/aleo-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/aleo-lightitalic-webfont.svg#aleolightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aleoregular';
    src: url('fonts/aleo-regular-webfont.eot');
    src: url('fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-regular-webfont.woff2') format('woff2'),
         url('fonts/aleo-regular-webfont.woff') format('woff'),
         url('fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_probold_italic';
    src: url('fonts/sourcesanspro-bolditalic-webfont.eot');
    src: url('fonts/sourcesanspro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bolditalic-webfont.svg#source_sans_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('fonts/sourcesanspro-italic-webfont.eot');
    src: url('fonts/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-italic-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-italic-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'fontawesomeregular';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff2') format('woff2'),
         url('fonts/fontawesome-webfont.woff') format('woff'),
         url('fonts/fontawesome-webfont.ttf') format('truetype'),
         url('fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* HTML */

html {
	background:#ffffff url(../images/background.jpg) no-repeat fixed top;
	position: relative;
	min-height: 100%;
	background-attachment: scroll;
}
body {
	/*background: #f3f3f1;*/
	color: #555555;
	font:normal 14px 'source_sans_proregular', Arial, sans-serif;	
	line-height:17px;
	height: auto;
	margin: 0;
	padding-bottom: 32px;
}

#content{
	width: 1000px;
	margin: 0 auto;
	min-width: 1000px;
	box-sizing: border-box;
	padding-top:40px;
	background-color:#ffffff;
}

#wrapper{
	background-color:#ffffff;
	padding-bottom:32px;
    min-height:500px;
}

#wrapper.homepage{
	padding-bottom:0px;
    min-height:0px;
}

td {
	position: relative;
}

p {
	margin-bottom: 20px;
	font-weight: normal;
	line-height:20px;
}

.clear {
	clear: both;
}



/* Basic Fonts */

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
}

h1 {
	font:normal 50px 'aleobold', Arial, sans-serif;	
	color:#0c0f71;		
	line-height:55px;
	padding:10px 0 5px 0;	
}

h2 {
	font:normal 40px 'aleobold', Arial, sans-serif;	
	color:#ffffff;		
	line-height:45px;
	padding:10px 0px;
}

h3 {
	font:normal 35px 'aleobold', Arial, sans-serif;	
	color:#0c0f71;		
	line-height:40px;
	padding:10px 0px;
	margin-bottom:5px;	
	text-transform:none;
	text-transform: uppercase;
}

h4 {
	font:normal 20px 'aleobold', Arial, sans-serif;		
	color:#0c0f71;
	line-height:24px;	
	text-align:left;
	text-transform:none;
}

h5 {
	font:normal 24px 'source_sans_probold', Arial, sans-serif;		
	color:#8586b8;
	margin-bottom:10px;	
	letter-spacing:0.1em;
}

h6 {
	font:normal 16px 'source_sans_probold', Arial, sans-serif;	
	color:#202020;
	text-transform: uppercase;
	line-height:20px;	
}

.txt_small {
}

.black{
	font:normal 20px 'source_sans_probold', Arial, sans-serif;	
	color:#202020;	
	text-transform:uppercase;
	line-height:40px;	
}

div.title{
	font:normal 25px 'source_sans_probold', Arial, sans-serif;	
	color:#0c0f71;
	line-height:30px;
	margin-bottom:20px;
	text-transform:uppercase;
}

span.qty{
	font:normal 10px 'source_sans_proregular', Arial, sans-serif;
	color:#777777;
	text-transform:uppercase;
}

span.enquiry-title{
	font:normal 16px 'source_sans_probold', Arial, sans-serif;
	color:#a40000;
	text-transform:uppercase;
	
}


/* Listing Styles */

ol, ul {
	list-style-position: inside;
	list-style-image:url(../images/arrow_blue.png);
	line-height:20px;
}

ol li {
}

ul li {
	margin-bottom:10px;
}


/* Text Field & Button Style */

input {	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

input[type='text'], select, textarea, input[type='password'] {
   	padding: 8px 10px;
	background: white;
	border: 1px solid #cecece;
	color: #5e5e5e;
	font-size: 13px;
	font-family: latoregular, Arial, Helvetica, sans-serif;
	box-sizing: border-box;	
	width: 100%;
	/*margin-bottom:15px;*/
}

textarea{
	height:230px;
}

input[type='text'].short{
	width:38px;
	text-align:center;
	padding: 7px 10px;
	margin-bottom:0px;
}

input[type='submit'], input[type='button'] {
	cursor: pointer;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	border: 0;
	outline: 0;
	font:normal 12px 'aleobold', Arial, sans-serif;	
	background-color:#0c0f71;
	color:#ffffff;
	text-transform:uppercase;
	padding:6px 15px;
	min-height: 31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus,input[type='text']:focus, select:focus, textarea:focus {
	outline: 0;
}


/*for Contact Us Send enquiry button */
.actionbtn { 
}


/*for Download button */
.dlbtn { 
}


/* Back to top style */
#scrollUp {
	bottom: 0;
	right: 30px;
	width: 70px;
	height: 70px;
	padding: 10px 5px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp:hover {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
#scrollUp, a#scrollUp {
	bottom: 20px;
	right: 20px;
	width: 38px;
	height: 38px;
	background: url(../images/backtotop.png) no-repeat;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

#scrollUp-active {
    display: none;
}

/* Divider and Outline */

hr {
 	background:url(../images/vdiv.png) repeat-x center;;
	height:10px;
	border: none;
}

.vDiv {
	background: url(../images/vdiv.jpg) repeat-y center;
}

.outline {
	border:#e6e6e6 1px solid;
}

.yellow-line{	
	background: url(../images/yellow.png) repeat-x center;
	width:100%;
	height:3px;
}

/* Contact Tab */

#box {
    width: 180px;
	right: -230px;
    top: 96px; /* change this value to place the menu higher or lower */
    position: fixed;
    z-index: 100;
	background: #131313;
	color: #ffffff;
	font: normal 12px Arial, sans-serif;
	line-height: 19px;
	padding: 20px 25px;
}

#box h3 { color: #fff; margin-top:0; }

#box a:hover {
	color: #fff;
}

#tab {
    float: left;
	list-style: outside none none;
	margin-left: -60px;
	padding: 0px;
	position: relative;
	z-index: 99;
	margin-top: -20px;
}

#tab li span {
    display: block;
    padding: 0;
    position: relative;
}

#tab img { cursor: pointer; }

.show, .hide {
    /* we specify the transition length for hiding and showing */
     transition: margin-right .4s ease-in;
	-webkit-transition: margin-right .4s ease-in;
}

.hide {
    margin-right:0px;
}

.hide ul li img:hover{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.show {
    margin-right:195px;
}



/* Header */

header {
	width: 100%;
	margin: 0 auto;
	padding:0;
    padding: 0.001em 0;
	/*background-color:#ffffff;*/
}

.header_wrapper {
	width: 1000px;
	margin: 0 auto;
	padding:0;
}

.logo {
	float: left;
	padding:0;	
}

.logo img{
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	-webkit-box-shadow: 0 0 10px #000000;
        box-shadow: 0 0 10px #000000;
}

#nav .contact{
	display: inline-block;	
	margin-left: 5px;
	position: relative;
}

#nav .paypal{
	display: inline-block;	
	margin-left: 5px;
	position: relative;
}



/* Search */
#nav .icon_dropdown {
	display: inline-block;	
	margin-left: 5px;
	position: relative;
	top:0px;
}

#nav a.search_link {
	
	text-align: center;	
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}

#nav .icon_dropdown .dropdown {
	position: absolute;	
	right: 0;
	overflow: hidden;	
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display: none;
}

#nav .icon_dropdown .search_box {
	background:	white;
	background-size: auto 90%;
	font-family: open_sansregular, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	padding: 3px 5px;
	width: 200px;
	text-align: left;
}

#nav .icon_dropdown .search_input {
	font-family: open_sansregular, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	background: transparent;
	display:inline-block;
	width: 170px;
	border: 0;
	vertical-align: middle;
	margin-bottom:0px;
}

#nav .icon_dropdown .search_btn {
	background: url(../images/icon_searchicon.png) no-repeat right center transparent;	
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 0;
	outline: 0;
	display:inline-block;
	vertical-align: middle;
	padding:0px;
    float:right;
}
#search {
}

.search_field {
}

.search_btn {
}

.search_btn:hover {
}


/* Navigation */
#right{
	float:right;
	
}

#top-right{
	width:190px;
	padding-top:10px;
	float:right;
}

#nav{
	padding-top:20px;
	width:840px;
	float:right;
}
nav {
	width: 100%;
	height: 50px;
	margin:0 auto;	
	min-width: 620px;
}

.nav_wrapper {
	width:620px;
	margin:0 auto;
}


ul#navmenu-h {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative; 
	float: left; 
	z-index: 500 !important; 
}

ul#navmenu-h li { 
	float: left; 
	display: inline; 
	position: relative;	
}

/* Root Menu */

ul#navmenu-h li a {
	display: block;
	padding: 10px 14px 15px;
	color: #ffffff;
	font: normal 16px 'aleobold', Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	letter-spacing:normal;
	text-shadow: 1px 1px 1px #444;
}


/* Root Menu Hover Persistence */
ul#navmenu-h li.active a, ul#navmenu-h li a.active, ul#navmenu-h li:hover a {
	color: #ffe200;	
	letter-spacing:normal;
}

ul#navmenu-h ul {
	border-top:3px solid #e7cd00;
	max-width: 190px;
 	display: none;
	position: absolute;
 	top: 100%;
 	left: 0;
	list-style-type:none;
	padding: 0;
	margin: 0;
	float: left;	
	background-color: #ffffff;
	-moz-box-shadow: 0px 0px 5px #666666;
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');
}

ul#navmenu-h ul li { 
display: block; 
padding: 0 10px !important;
background: none !important;
padding:0;
margin: 0;
}



/* 2nd Menu */
ul#navmenu-h li:hover ul{
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}
ul#navmenu-h li:hover li a {
 	float: none;
    
 	color: #555555;
	font: normal 14px aleobold, Helvetica, sans-serif;
	padding: 12px 15px;
	margin: 0px;
	text-align: center;
	cursor: pointer;
	z-index: 500!important;
	width: 135px;
	border: none;
	text-shadow: none;
	letter-spacing:normal;
	border-bottom:1px solid #dddddd;
}

ul#navmenu-h ul li:last-child a{
	border-bottom:none;
}

ul#navmenu-h ul li a.submenu {
    background:url(../images/navarrow-right.png) center right no-repeat;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a {
	cursor: pointer;
	color: #0c0f71;
	
	z-index: 500!important;
	letter-spacing:normal;
}

ul#navmenu-h ul li.submenu:hover {
	 background:url(../images/navarrow-right-hover.png) center right no-repeat;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover ul{
	border-top:none;
	border:1px solid #dddddd;	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #dddddd;
}

ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
  float: none;
    
 	color: #555555;
	margin: 0px;
	cursor: pointer;
	z-index: 500!important;
	width: 135px;
	text-shadow: none;
	letter-spacing:normal;
	border-bottom:1px solid #dddddd;
}

ul#navmenu-h ul li li:last-child a{
	border-bottom:none !important;
}

ul#navmenu-h ul ul li a.submenu {
    background:url(../images/navarrow-right.png) center right no-repeat !important;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
  	cursor: pointer;
	color: #0c0f71;
	
	z-index: 500!important;
	letter-spacing:normal;
}


/* 4th Menu  */
ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
  float: none;
    
 	color: #0c0f71;
	font: normal 14px Arial, Helvetica, sans-serif;
	padding: 10px 15px;
	margin: 0px;
	text-align: left;
	cursor: pointer;
	z-index: 500!important;
	width: 135px;
	border: none;
	text-shadow: none;
	letter-spacing:normal;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
cursor: pointer;
	color: #ffffff;
	border: none;
	
	z-index: 500!important;
	letter-spacing:normal;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul { 
	top: 0;
	left: 100%; 
	float:left;
}

/* 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; }

ul#navmenu-h li:hover li.active a, ul#navmenu-h li:hover li a.active, ul#navmenu-h li:hover li li.active a, ul#navmenu-h li:hover li li a.active {
	color: #0c0f71;	
}

/* end Nav */


/* Banner */
#banner-wrapper{
	width:1010px;
	margin:auto;
}
#banner {
	width: 100%;
	/*For fixed width banner
	width: 1000px;
	*/
	min-width: 994px;
	margin: auto;
	overflow: hidden;
}


/* HOME-PAGE Content */

#maincontent {
	width: 100%;
	overflow: hidden;	
	padding: 35px 0 40px 0;
	margin: auto;
}

#maincontent.homepage {
	padding-top: 10px;	
}

.home-box{	
	background:url(../images/box2.jpg) repeat;
	border:1px solid #e1e1e1;	
	font-size:16px;
	line-height:24px;
}

.ourservice{
	line-height:20px;
}

#brand{
	background-image:url(../images/brand-bg.jpg);
	background-repeat:repeat-x;	
	/*padding-bottom:33px;*/
}


/* SUB-PAGE Content */
/*About Us*/
.black-background{	
	background:rgba(0, 0, 0, 0.5);	
	margin-top:35px;
}

/*********************
   Products
*********************/
.pagination { 
padding:9px 0px 0px 0px; }

ul.pagination li {	
	padding: 0px;
	display:inline-block;		
	margin:0;
	width:25px;
	height:25px;
}

ul.pagination li a{
	font:normal 13px 'aleoregular', Arial, sans-serif;	
	color:#333333;
	text-decoration:none;
	letter-spacing:normal;
	line-height:25px;	
}

ul.pagination li.active{
	border-radius: 50%;	
	background-color:#c6c6c6;
}

ul.pagination li.active a{
	color:#ffffff;
}

.sales {
 position: absolute;
 left: 0px;
 bottom: 0px;
 display: inline-block;
 background: #a40000;
 color: #ffffff;
 padding: 5px 5px 3px 7px;
 letter-spacing: 0.2em;
 font-size: 11px;
 line-height: 11px; 
}

/*********************
   Service Page
*********************/
.service{
	font-size:16px !important;
}
/**********************
   News
**********************/


/**********************
   Gallery 
**********************/


/**********************
   Contact  
**********************/
.enquiry-header{
	background-color:#f0f0f0;	
	font: normal 13px 'aleobold' Arial, sans-serif;
	color:#555555;
	text-transform:uppercase;
	
}

.enquiry-header td{
	padding:10px 0;
}

.enquiry-footer{
	background-color:#f0f0f0;	
	font: normal 13px 'source_sans_proregular' Arial, sans-serif;
	color:#555555;
}

.enquiry-footer td{
	padding:10px 0;
}

.contact{
	font-size:16px;
	line-height:20px;
}

.branches{
	font-size:13px;
	line-height:15px;
}

.enquiry{
	font: normal 12px 'source_sans_proregular' Arial, sans-serif;
	color:#777777;	
}


/* Footer */

footer {
	width: 100%;
	text-align: center;
	font: normal 11px 'aleobold' Arial, sans-serif;
	color: #b9bcca;
	position: absolute;
	bottom: 0;
	text-transform:uppercase;
}

footer a {
	color:#b9bcca !important;
	text-decoration:none !important;	
	letter-spacing:normal !important;
	font: normal 11px 'aleobold' Arial, sans-serif !important;
}

.footer_wrapper {
	width:100%;
	min-width: 1000px;
	margin:0 auto;
	padding:0;
	background: #2d3551;
	padding: 10px 0;
}



/***********************
  Programmer Required
************************/
.IE8Fix
{
    z-index: 1;
}

.errMsg, .errMsg a:link, .errMsg a:visited, .errMsg a:Active
{
 	font-family: normal 11px Arial, sans-serif;	
	color:#CC0000;
}

.errMsg a:hover
{
    text-decoration: underlink;
}