/* 
	LEVEL ONE
*/
#menu{
    clear:both;
/*	background:url(../images/menu.png) top center no-repeat;*/
    width:990px;
    height:35px;
	/* border:1px solid #aeaeae; */
	border-width:1px 0 1px 0;
}

#menu ul{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
#menu ul li{
	margin-right: 0px;
    padding: 5px 20px 13px 25px;
	float: left;
	display: block;
    font: 100% 'lucida sans unicode',arial,sans-serif;
    letter-spacing: 0.1em;
    text-align: left;
	border:1px dotted #262626;
	border-width:0 1px 0 0;
    background-image: linear-gradient(top, #303030 0%, #000000 100%);
      background-image: -webkit-linear-gradient(top, #303030 0%, #000000 100%);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #303030), color-stop(1, #000000));
      background-image: -o-linear-gradient(top, #303030 0%, #000000 100%);
      background-image: -moz-linear-gradient(top, #303030 0%, #000000 100%);
      background-image: -ms-linear-gradient(top, #303030 0%, #000000 100%);
}

ul.menu li a {
    color: #ffffff;
	font-size:14px;
    height: 100%;
    
    
}


#menu li a:hover{
    text-decoration: none;
	color: #9799e8;
}
ul.menu li:last-child a{ 
    border-right: none; 
} 
ul.menu li.hover,
ul.menu li:hover{  
    position: relative; 
}
/* 
	LEVEL TWO
*/
ul.menu ul{ 
    top: 100%;
    left: 0; 
    width: 160px;
    visibility: hidden;
    position: absolute; 
    z-index:100;


}
ul.menu ul li{ 
    margin:0px;
    padding:0px !important;  
    font-weight: normal;
    /*background: #79c413;*/
    color: #000;
    border:none !important;
    background-image:  none !important;
    
    
}
ul.menu ul li a{ 
    width: 100%; 
    padding: 6px 0px 5px 22px;
    display: inline-block; 
    border-right: none; 
    background-color: rgba(192, 192, 192, 0.6);
}

ul.menu ul li a:hover
{
    background-color: black;
    color:white !important;
}
/*
	LEVEL THREE
*/
ul.menu ul ul{ 
    left: 100%; 
    top: 0; 
}
ul.menu li:hover > ul{ 
    visibility: visible;
}
/* custom css */
html{ 
	height: auto;
}

body
{
  font-family: 'Helvetica', serif;
  font-smooth: always;
  font-weight: lighter;
  font-size: 10pt;
 /*  font-family: 'Varela Round', sans-serif;
  font-family: arial;*/
}


/*
Banner Rotator

#coin-slider-wrapper { margin-left:auto; margin-right:auto; }
.coin-slider { overflow: hidden; zoom: 1; position: relative;}
.coin-slider a {text-decoration: none; outline: none; border: none; }
.cs-title { background-color: black; color: white; margin-bottom:0px; margin-left:0px; padding:10px 0 10px 0;}
.cs-active { background-color: #89898940; color: #FFFFFF; }
.cs-next{
  top: 40px;
  left: 900px;
  height:100px;
  width:100px;
  display:block;
  line-height:100px;
  font-size: 15px;
  background-color:#000000;
    -moz-border-radius: 100px;
    -webkit-border-radius:100px;
    -khtml-border-radius:100px;
  text-align: center; 
}
.cs-prev{ display: none;}
/*#coin-slider-wrapper .cs-buttons 
{
  opacity:0.5;
  left:900px !important; 
  margin-left:10px !important; 
  position:absolute !important; 
  top:230px; 
  padding:0 !important; }
#coin-slider-wrapper .cs-buttons a 
{
  opacity:1.0;
  margin-left: 5px; 
  height: 15px; 
  width: 13px; 
  float: left;
  border: 1px solid #ffffff;
  color: #ffffff; 
  padding-left:5px;}

*/
/*
* Title
*/
/*h2*/
.article_title h2{
  padding:20px 0 20px 0;  
  color:#ffffff;
}

.article_title h2 a{
    color:#095197;
}

.article_title h2 a:hover{
    color:#FFFFFF;
    background-color: #304d6e;
}

/*menu*/
/* 
	LEVEL ONE
*/
#menu{
    clear:both;
/*	background:url(../images/menu.png) top center no-repeat;*/
    width:990px;
    height: 30px;
	/* border:1px solid #aeaeae; */ 
background-image: -ms-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -moz-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -o-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404040), color-stop(1, #303030));
background-image: -webkit-linear-gradient(top, #404040 0%, #303030 100%);
background-image: linear-gradient(top, #404040 0%, #303030 100%);
}

#menu ul{
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}
#menu ul li{
	margin: 0px 0px;
	padding: 0 5pt 0 5pt;
    border:1px solid #262626;
	border-width:0 0px 0 0px;
	float: left;
	display: block;
     line-height: 29px;
    text-align: left;
background-image: -ms-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -moz-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -o-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404040), color-stop(1, #303030));
background-image: -webkit-linear-gradient(top, #404040 0%, #303030 100%);
background-image: linear-gradient(top, #404040 0%, #303030 100%);
	
}

ul.menu li a {
  color: whitesmoke;
  height: 100%;
  padding: 0 6pt 0 6pt;
  text-shadow: 0 1px black;
  font: 8pt 'helvetica',arial,sans-serif;
  letter-spacing: 0.1em;
  text-align: left;
  height: 100%;
  text-transform: uppercase;
    
    
}
#menu ul li:hover{
  box-shadow:         inset 0 0 3px black;
background-image: -ms-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -moz-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -o-linear-gradient(top, #404040 0%, #303030 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #404040), color-stop(1, #303030));
background-image: -webkit-linear-gradient(top, #404040 0%, #303030 100%);
background-image: linear-gradient(top, #404040 0%, #303030 100%);
}

#menu ul li:hover , #menu ul li a:hover{
    text-decoration: none;
  text-shadow: 0 0 5px white;
	color:#ffffff;
}
ul.menu li:last-child a{ 
    border-right: none; 
} 
ul.menu li.hover,
ul.menu li:hover{  
    position: relative; 
}
/* 
	LEVEL TWO
*/
ul.menu ul{ 
    top: 100%;
    left: 0; 
    width: 160px;
    visibility: hidden;
    position: absolute; 
    z-index:100;


}
ul.menu ul li{ 
    width:100%; 
  height: 18pt;
    margin:0px 0px;
    padding:0px !important;  
    font-weight: normal;
    /*background: #79c413;*/
    color: #000;
    border:none !important;
    background-image:  none !important;
  text-shadow: none;
    box-shadow: none;
    
	
}
ul.menu ul li a{ 
    width: 100%; 
  line-height:20pt;
  text-shadow: 0 0px black;
  text-transform:capitalize;
    padding: 0px 0px 0pt 9pt;
    display: inline-block; 
    border-right: none; 
    background-color: rgba(192, 192, 192, 0.8);
  color:#030303;
  text-shadow: none;
  box-shadow: none;
}

ul.menu ul li:hover{
box-shadow: none;
  text-shadow: none;
}

ul.menu ul li a:hover 
{
    background-color: rgba(0,0,0,0.8);
    color:#00B2EE !important;
  box-shadow: none;
  text-shadow: none;
}
/*
	LEVEL THREE
*/
ul.menu ul ul{ 
    left: 100%; 
    top: 0; 
}
ul.menu li:hover &gt; ul{ 
    visibility: visible;
}


/*menu end*/
h2, h3, h4, h5, h6 { 
  	float: top;
    	margin: 0 0 5px 0;
  	padding: 0px 0 5px 0;
  	color: #ffffff;
}

/* Product Image */
.img_div
{
    height:100px;
    width:inherit;
    display: table-cell;
    vertical-align: middle;
    background : none;
    border: 1px dotted #898989;
}
.display_img
{
    width:100%;
    display:block;
}

.thumb_div
{
    width: 100%;
}
/*PRODUCT IMAGE END*/


.cat
{
  padding-top:20px;
}
.review_box 
{
  border: 0px !important;
}
#user1
{
  margin-top:23px;
}

#user2
{
  margin-top:23px;
}

#user3
{
  margin-top:23px;
}

#side_bar ul li a{
    text-transform: none;
    font-weight: 500;
    color: white;
}

/* custom css */
#wrapper_content {
    width:990px;
	padding:0px 0 0px 0;
	margin:0;
	background:none;
    clear: both;
	border:1px solid #353535;
    border-width:0 0 1px 0;
}

.widget.menumain
{
  width: 720px;
}

.widget.mainmenu
{
 width:680px; 
  height:10px;
  overflow:auto;
  float:left;
  margin: 0px 0 0 0;
}


.widget.carticon
{
 float:left; 
  width:40px;
  height:25px;
  margin:2px 0 0 0px;
  padding:0px;
  text-align:right;
}

.widget.currency
{
  float:right;
  margin:4px 0px 0px 0px;
  width:220px;
  font: 9pt 'helvetica',arial,sans-serif;
  letter-spacing: 0.1em;
  height:25px;
  padding:0px 0px 0px 0px;
  text-align:center;
}

.currency_text
{
 display:block;
  margin:4px 3px 0 0;
  float:left;
  text-align:right;
  font: 9pt 'helvetica',arial,sans-serif;
  letter-spacing: 0.1em;
  color:whitesmoke;
}


.widget.banner
{
border:1px dotted #6f6f6f;
border-width:0 0 1px 0;
}

.frontpagecontent
{
float:left;
width:235px;
color:#808080;
margin:0 0 0 0px;
font-size:12px;
}
.frontpagecontent h3
{
float:left;
font-size:20px;
margin:0px;
padding:0px;
color:white;
}

.frontpagecontent img {
    float: left;
    margin: 0 0 0 0;
}
.widget ul {
    /*margin:10px 20px 10px 45px;*/
    padding: 0px;
    list-style-image: url(http://www.canonprinterdealer.com/bullet.png);
}
.widget.bullet ul.side_row {
    padding: 0px;
    list-style-position: inside;
    list-style-image: url(http://www.canonprinterdealer.com/bullet.png);
}
.menu.verticalmenu li {
    margin: 12px 0 2px 0;
    padding: 0 0 0px 0px;
}
.menu.verticalmenu li a {
    color: #fff;
    font-size: 12px !important;
}
li:hover, a:hover {
    box-shadow: none;
    cursor: default;
    text-decoration: none;
    color: #00AEEF;
}

#user1, #user2, #user3
{
width:170px;
float:left;
}

#user4
{
float:left;
width:450px;
}

.widget.text
{
color:#575757;
font-size:10px;
font-style:normal;
padding:40px 0 0 10px;
width:500px;
float:left;
}

.widget.gateway
{
width:400px;
float:right;
padding:10px 0 0 0;
}
.widget.text a
{
color:white;
}

.widget.userbanner
{
float:left;
margin:12px 25px 25px 25px;
}


/* add by boon teong */


/**
Register Form Specific for Front End
*/
.m_login.myform p, .m_login.myform h1, .m_login.myform form, .m_login.myform button, p.desc{
border:0;
margin:0;
padding:0;
}
.spacer {
clear:both;
height:1px;
}
.m_login.myform {
/* float:left;*/
padding:14px;
}
.m_login.myform h1,#maincol h1 {
font-size:14px ;
font-weight:bold;
margin-bottom:8px;
}
.m_login.myform p, p.desc {
font-size:11px;
color:white !important;
margin-bottom:20px;
border-bottom:solid 1px #aaaaaa;
padding-bottom:10px;
}
.m_login.myform label {
display:block;
color:white !important;
font-weight:bold;
text-align:left !important;
width:140px;
float:left;
line-height:1;
}
.m_login.myform .small {
color:#666666;
display:block;
font-size:11px;
line-height:1;
font-weight:normal;
text-align:right;
width:140px;
}
.m_login.myform input, .ddlstyle, .m_login.myform textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aaaaaa;
width:200px;
margin:2px 0 20px 10px;
}
.m_login.myform button, .m_login.myform .submit{
clear:both;
margin-left:150px;
margin-bottom: 5px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.m_login.myform select{
float: left;
margin: 2px 0 20px 10px;
width: 200px;
} 


    /**
Register Form Specific for Front End
*/
.register.myform p, .register.myform h1, .register.myform form, .register.myform button,  p.desc{
    border:0;
    margin:0;
    padding:0;
}
.spacer {
    clear:both;
    height:1px;
}
.register.myform {
    /*	float:left;*/
    width:400px;
    padding:14px;
}
.register.myform h1,#maincol h1 {
    font-size:14px ;
    font-weight:bold;
    margin-bottom:8px;
}
.register.myform p, p.desc {
    font-size:11px;
    color:white !important;
    margin-bottom:20px;
    border-bottom:solid 1px #aaaaaa;
    padding-bottom:10px;
}
.register.myform label {
    display:block;
    color:white !important;
    font-weight:bold;
    text-align:left !important;
    width:140px;
    float:left;
    line-height:1;
}
.register.myform .small {
    color:#666666;
    display:block;
    font-size:11px;
    line-height:1;
    font-weight:normal;
    text-align:right;
    width:140px;
}
.register.myform input, .ddlstyle, .register.myform textarea{
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aaaaaa;
    width:200px;
    margin:2px 0 20px 10px;
}
.register.myform button, .register.myform .submit{
    clear:both;
    margin-left:150px;
    margin-bottom: 5px;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:12px !important;
    font-weight:normal !important;
}
.register.myform select{
    float: left;
    margin: 2px 0 20px 10px;
    width: 200px;
}


/* end */

#header{
	width: 990px;
	height: 125px;
background-image: -ms-linear-gradient(top, #00456B 0%, #000E14 100%);
background-image: -moz-linear-gradient(top, #00456B 0%, #000E14 100%);
background-image: -o-linear-gradient(top, #00456B 0%, #000E14 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00456B), color-stop(1, #000E14));
background-image: -webkit-linear-gradient(top, #00456B 0%, #000E14 100%);
background-image: linear-gradient(top, #00456B 0%, #000E14 100%);
}

/*#header{
	width: 990px;
	height: 125px;
	 background:url(images/header.jpg) top center repeat-x;
}*/


#header #header_right {
width: 305px;
height: 30px;
margin-top: 23px;
float: right;
}

#product_block
{
  border : 3px;
  /*width:680px;*/
}

.userbanner
{
  height:60px;
}

#footer {
    padding:0;
    background:url(http://www.freeimagehosting.net/newuploads/fy223.png) top center repeat-x;
	height:61px;
}