/*
	Coin Slider jQuery plugin CSS styles
	//workshop.rs/projects/coin-slider
*/

.other_item
{
    color:Black!important;
    } 
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 91px;
	
}.simply-scroll-container {
position: relative;
}
.simply-scroll-clip {
position: relative;
overflow: hidden;
}
	.simply-scroll .simply-scroll-clip {
		width: 100%;
		height: 90px;
	}
.customer .simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 70px;
	margin-bottom: 0;
}
.customer .simply-scroll .simply-scroll-clip {
		width: 100%;
		height: 70px;
	}
	simply-scroll-list {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}.simply-scroll-list li {
padding: 0;
margin: 0;
list-style: none;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: //nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: //dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(/Css/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	height:344px;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0 0;
	display:none;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/Css/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/Css/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
/**
 * Copyright (c) 2012 Anders Ekdahl (//coffeescripter.com/)
 * Dual licensed under the MIT (//www.opensource.org/licenses/mit-license.php)
 * and GPL (//www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 1.2.7
 *
 * Demo and documentation: //coffeescripter.com/code/ad-gallery/
 */
.ad-gallery {
  width: 100%;
  
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper 
  {
    margin-right:32px;
    width: 732px;
    height: 290px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    float:right;
   
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(/Css/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/Css/ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(/Css/ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(/Css/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
    display:none;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 165px;
    position: relative;
    margin-left:32px;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;           
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 14px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: 76px;
      top:-14px;
      width: 20px;
      display: block;
      background: url(/Css/ad_scroll_back.png) no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
     
      width: 20px;
      background: url(/Css/ad_scroll_forward.png) no-repeat;


right: 70px;
height: 14px;
bottom: -15px;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
      
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 165px !important;
        list-style: none;
        margin-top:2px;
      }
        .ad-gallery .ad-thumbs li {        
          
         
            float:left;
          margin-bottom:3px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
          
              display: block;
              width:154px;
              height:83px;              
               opacity:1 !important;
               border: 4px solid #CFD37B !important;
float: left;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 3px solid #616161;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
.ad-image img
{
    width:715px;
    height:273px;
   
     border:4px solid #cfd37b !important;
    }
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url(/Css/images/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/Css/images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url(/Css/images/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (//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 - //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 - //creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit //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: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	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;	
}

body
{
font-family: Arial;
font-size: 12px;
margin: 0;
color: Black;   
background:url(/Css/images/body2.jpg) repeat;
background-position:left top;    
}
.pageformat
{
    padding:0 70px 0 95px;
    text-align:justify;
    }
 .txt
    {
        width:98%;
        }
.order input
{
 
 margin:0 2px 5px 0;   
    }
    .order .orderbtn
    {
        margin:10px 3px 0 3px;
        float: right;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: url(/Css/images/bg_breakcum.jpg) repeat-x;
border: 1px solid #CCC;
min-width:58px;
        }
        .order textarea
        {
            width:98%;
            }
#body_bound
{
background:url(/Css/images/home3_03.jpg) repeat-x;
background-position:left-top;

margin:0 auto;
    
}
.color1
{
color:#fffebe;
}
.italic
{
font-style:italic;
}
.name_news
{
    
}
.box-content
{
clear:both;
}
#slideads {
position: relative;
visibility: hidden;
z-index:9999;
}
#slideads img {
max-width: 160px;
}
#slideads2 {
right: 0;
position: absolute;
top: 80px !important;
float: right;
margin-right: 15px;
}
#slideads1 {
position: absolute;
top: 80px !important;
float: left;
margin-left: 10px;
}
.td-weather-data
{
background-color: white;
}
.WGChart
{
background-position: 0px 0px;
width: 17px;
height: 15px;
background: url(/Css/images/WeatherGold.gif) no-repeat 0 0 white;
overflow: hidden;
}
.fl
{
float: left;
}
.box-weather
{
border: 1px solid #ccc;
float: left;
width: 97%;
padding: 2px 8px 2px 4px;
background: #C8D4DA url(/Css/images/box-weather.gif) repeat-x top;
background-position:center top;
}
.forex-rate
{
height: 58px;
overflow: scroll;
overflow-x: hidden;
margin: 13px 0 0 0px;
padding: 0px;
width: 100%;
}

.WGChart, .WGGold, .H-row
{
background: url(/Css/images/WeatherGold.gif) no-repeat 0 0 white;
overflow: hidden;
}
.H-row
{
background-position: -34px 0px;
width: 9px;
height: 6px;
float: left;
cursor: pointer;
margin-top: 9px;
background-repeat: no-repeat;
background-color: #E4E9ED;
}
#lscity
{
width: 70px;
background: #EEF2F5 !important;
z-index: 9999;
top: 19px;
left: 5px;
padding-left: 3px;
position: absolute;
display: none;
}
#lscity p
{
cursor: pointer;
width: 100%;
float: left;
padding: 2px 0 2px 0;
}
.WGChart
{
background-position: 0px 0px;
width: 17px;
height: 15px;
}
.HRate
{
width: 101px;
padding-left: 0px;
float: left;
height: 100px;
margin-left: 3px;
}
.txtr
{
text-align: right;
}
.td-weather-title
{
width: 40px;
background-color: white;
}
.tbl-goldprice, .tbl-weather
{
background-color: #A8A8A8;
font: 11px arial;
}
.WGGold
{
background-position: -18px 0px;
width: 14px;
height: 14px;
}
#gold
{
width: 140px;
padding-right: 8px;
float: left;
height: 100px;
}
.txt_city
{
margin: 0 0 0 2px;
font-weight: bold;
float: left;
line-height: 1.8;
}
.txt_Weather
{
float: left;
margin: 0px;
width: 121px;
height: 15px;
padding: 2px 0px 0px 4px;
margin: 0px;
overflow: hidden;
font-size: 11px;
line-height: 1.8;
overflow: hidden;
}
#Wether
{
float: left;
width: 100%;
}
#Wether ul
{
float: left;
width: 100%;
margin-bottom: 5px;
width: 100%;
background: url(/Css/images/WHead.gif) no-repeat;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #CCC;
padding: 2px;
}
#Wether li
{
display: inline;
}

#adver
{
float: left;
width: 100%;
clear: both;
margin-top: 10px;
}
#adver img
{
width: 247px;
margin-bottom: 15px;
}
#logo img
{
width: 100px;
max-height: 70px;
}
#banner_header
{

width:100%;
height:143px;

}
#header
{
    margin:0 auto;
width: 1000px;
}
#header #header_bound
{
width: 1000px;
margin: 0 auto;
position:relative;
height:140px;
   
}
#header_bottom
{
margin: 5px 0 0 0;
float: left;
width: 100%;
}
#logo
{
float: left;
width: 100px;
height: 71px;
}

.read_more
{
float: right;
color: yellow;
padding: 2px 5px 3px 5px;
}
br
{
display: block;
margin-bottom: 2px;
font-size: 2px;
line-height: 0;
}
h1
{

color: #011634;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin-top:0;
line-height:2;
margin:0;
}
img
{
color: transparent;
font-size: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
.cop
{
color: #EA7F0A !important;
}
.capital
{
text-transform: capitalize;
}
.uppercase
{
text-transform: uppercase;
}
.italic
{
font-style: italic;
}
.bold
{
font-weight: 700;
}
.red
{
color: Red;
}
a
{
color: #ea7f0a;
text-decoration: none;
}
a:hover
{
color: #011634;
}
.clr
{
clear: both;
margin: 0;
padding: 0;
}
p, ul
{
margin: 0;
padding: 0;
}
#body_midle
{
width:1000px;
margin:0 auto;
min-height:500px;
clear:both;
}
#body-home
{
width: 1000px;
margin: 0 auto; /* background: url(/Css/images/bg-home.png) no-repeat; */

}
#body-content
{
width: 999px;
margin: 0 auto;
margin-bottom: 0;


}
#content_left
{
float: left;
width: 225px;
}
#content_midle
{
float: left;
width: 100%;

}
#content_right
{
float: right;
width: 225px;
}
#top-header
{
width: 100%;
float: left;
}
#wrapper
{

float: left;
width: 999px;
height:344px;
   
   
}
.box-language
{
margin-left: 20px;
position: absolute;
top: 26px;
right: 200px;
}
.box-language img
{
height: 20px;
border: 1px solid #ccc;
margin-left: 7px;
}
.search
{
position:absolute;
top:25px;
right:0;

}
.search .txt-search
{
float: left;
height: 23px;
margin-left:0;
margin-top:-1px;
width: 155px;
background:#000000;
color:White;
border-top:1px solid #bba879;
border-bottom:1px solid #bba879;
border-left:1px solid #454235;
border-right:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.search .btn-search
{
float: left;
margin: -1px 0 0 0;
}


#content
{

width: 100%;
float: left;
   
}
#content-left
{
float: left;
width: 674px;
margin-right: 18px;
}
#content-right
{
min-height: 1068px;
float: right;
width: 261px;
}
.login-box
{
width: 100%;
margin: 43px 0 0 0;
}
.login-box .title
{
width: 260px;
height: 52px;
background: url(/Css/images/index1_14.jpg) no-repeat;
font-size: 18px;
line-height: 3;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.login-box .button
{
background: url(/Css/images/bg-login.jpg) repeat-x;
height: 26px;
float: right;
margin: 17px 19px 0 0;
border: 1px solid #F1A801;
}
.login-box img, input, .row
{
float: left;
margin: 5px 0 0 10px;
}
.login-box .text
{
border: 1px solid #ccc;
border-left: none;
background: none;
height: 22px;
margin-left: -1px;
width: 185px;
}
.login-content
{
background: #ccc;
float: left;
width: 100%;
padding: 10px 0 30px 0;
}
.login-content .right a
{
color: #E19F05;
}

/* ---------Partners 
--------------------------------*/

.partner
{
float: left;
width: 100%;
margin: 16px 0 0 0;
}
.box .title
{
border-bottom: 2px solid #028801;
}
.box .title span
{
font-family: "Myriad Pro" , Myriad Pro, Helvetica, sans-serif;
color: #013A71;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
font-stretch: extra-condensed;
}
.box .title a
{
float: right;
color: White;
background: #CF8400;
padding: 2px 5px 3px 5px;
}
.vert
{
width: 100%;
}
.simply-scroll-container
{
position: relative;
}
#adver .vert .simply-scroll-clip
{
width: 260px;
height: 1390px !important;
overflow: hidden;
}
.vert .simply-scroll-clip
{
width: 100%;
height: 203px;
overflow: hidden;
}
.simply-scroll-clip
{
position: relative;
overflow: hidden;
z-index: 2;
}
.simply-scroll-list
{
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
width: 310px;
}
.vert .simply-scroll-list li
{
width: 248px;
float: left;
}
.simply-scroll-list li
{
padding: 0;
margin: 0;
list-style: none;
}
.pt-item
{
width: 120px;
height: 89px;
margin: 2px 0 0 2px;
text-align: center;
float: left;
background:white;
}
.pt-item .img_bound
{
    width: 120px;
    height: 89px;     
    display:table-cell;
    vertical-align:middle;
    }
.pt-item .img_bound img
{
max-height:120px;
max-width:90px;


}
.vert .simply-scroll-list li img
{
margin: 0 auto;
width: 220px;
max-height: 70px;
}
.partner_scroll
{
    background:#054777;
    clear:both;
    float:left;
   width:990px;
    padding:5px;
    margin-left:-1px;
    margin-top:15px;
    }

.yahoo, .sky-support
{
font-weight: bold;
float: left;
width: 100px;
 
}
/* project 
--------------------- */
.project
{
float: left;
width: 100%;
background: url(/Css/images/g2.jpg) repeat-x;
background-position: bottom left;
}
.project .project-item
{
display: block;
float: left;
width: 175px;
margin-top: 7px;
}
.project .project-item img
{
height: 100px;
width: 147px;
margin-bottom: 4px;
}
.project_thumb
{
width: 142px;
position: relative;
height: 102px;
display: block;
}
.project_title
{
width: 150px;
height: 47px;
display: block;
overflow: hidden;
margin-top: 5px;
}

/*-------News Home
---------------------------*/
.news
{
float: left;
width: 100%;
background: url(/Css/images/g2.jpg) repeat-x;
background-position: bottom left;
}
.box-news
{
float: left;
width: 98%;
padding: 0 0 0 5px;
border: 1px solid #E2E6E9;
}
.news-item
{
width: 100%;
float: left;
border-bottom: 1px dotted Black;
padding: 20px 0 20px 0;
}
/*--- Support
----------------------*/
.support
{
float: left;
width: 100%;
margin-bottom: 10px;
}

.support-content
{
background: url(/Css/images/support.png) no-repeat;
background-position: right center;
}
.numhotline
{
color: red;
}

.yahoo, .sky-support
{
font-weight: bold;
}
.yahoo a
{
vertical-align: middle;
line-height: 1.5;
}
.yahoo img
{
margin: 0 0 0 10px;
vertical-align: middle;
}
.online
{
float: left;
}
.online-content
{
background: url(/Css/images/bg-visitor.jpg) no-repeat;
float: left;
width: 103%;
height: 70px;
margin: 5px 0 0 0;
}
.online-content .left
{
padding: 5px;
float: left;
width: 87px;
text-align: center;
line-height: 1.5;
}
.online-content .right
{
float: left;
padding: 5px;
margin-left: 7px;
font-size: 10px;
}
.online-content .right .lable
{
float: left;
width: 80px;
}
.orange
{
color: #FC7B28;
font-size: 15px;
}

.intro
{
margin: 30px 0 0 0;
width: 100%;
float: left;
background: url(/Css/images/img041.jpg) no-repeat;
background-position: right center;
height: 217px;
}
.intro .content
{
width: 423px;
margin: 0 0 0 0;
float: left;
}
.intro .title
{
text-transform: capitalize;
font-family: "Myriad Pro" , Myriad Pro, Helvetica, sans-serif;
color: #013A71;
font-size: 22px;
font-weight: 700;
}

/* Category home 
-------------------------*/
.blue
{
color: #024382 !important;
}
.product_name
{
color: #dfd467;   
line-height: 1.5;
text-transform:capitalize;
}
.category
{
float: left;
width: 100%;
/*  margin-bottom: 15px;
border: 1px solid #E2E6E9;
background: url(/Css/images/g2.jpg) repeat-x;
background-position: bottom left; */
}
.des_newshome
{
width: 100%;
float: left;
min-height: 119px;
}
.category .left
{
width: 380px;
height: 393px;
margin: 5px 12px 0 0;
float: left;
position: relative;
overflow: hidden;
}
.category .left li
{
width: 100%;
}
.category .left .name-cate
{
float: left;
width: 100%;
padding: 5px 0 0 0;
}
.category .left .name-cate span
{
font-size: 15px;
font-style: normal;
color: Black;
margin: 10px 0 0 10px;
color: #024382;
font-weight: bold;
}
.category .left img
{
width: 100%;
height: 280px;
}
.category .right
{
margin: 6px 0 0 0;
float: left;
width: 266px;
}
.category .right li
{
border-bottom: 1px solid #EEE;
padding: 0 0 9px;
margin-bottom: 8px;
display: block;
width: 98%;
overflow: hidden;
float: left;
}
.category .right li img
{
float: left;
height: 40px;
width: 50px;
margin: 0 10px 0 0;
}
.news_home_item
{
float: left;
width: 97%;

padding: 4px 0 5px 0;
margin-left: 5px;
}
.news_home_item img
{
height: 60px;
width: 60px;
float: left;
margin-right: 10px;
border: 4px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.customer
{
margin: 0;
overflow: hidden;
width: 100%;
float: left;
}
.customer .item1
{
display: table-cell;
vertical-align: middle;
height: 65px;
text-align: center;
padding-right: 20px;
}
.customer img
{
max-height: 45px;
margin: auto;
}
.sagscroller
{
width: 100%;
height: 586px;
overflow: hidden;
position: relative;
}
.home_item
{
float: left;
width: 170px;  
text-align: center;
height: 214px;
margin:0 0 4px 1px;
background:url(/Css/images/box_content.png) no-repeat;

    
}

.home_item .item_bound_img
{
width: 170px;
height: 156px;
background: white;
display: table-cell;
vertical-align: middle;
}
.home_item .item_bound_img img
{
max-width: 170px;
max-height: 156px;
}
.price
{
color:#f5f3b3;
   
}
.intro_img img
{
float: left;
margin-right: 15px;
}
#footer_content
{
float: left;
width: 100%;
text-align: center;
color:#fffebe;
}
#menu_footer ul
{
margin: 0;
padding: 0;
list-style: none;
}
#menu_footer li
{
display: inline;
}
#body_bottom
{
width: 1000px;
margin: 0 auto;
height: 45px;
    
}
#gotop
{
color: White;
background: url(/Css/images/arrow-up.png) no-repeat;
padding: 2px 0 2px 18px;
background-position: left center;
}
#footer
{
width: 1000px;
margin: 0 auto;
text-align: center;
}
#footer_left
{
float: left;
margin-top: 20px;
color: white;
width: 500px;
text-align: left;
}
#footer_right
{
float: right;
margin-top: 15px;
}
#footer .checked a
{
font-weight:bold;
}
#footer ul
{
margin: 0 0 15px 0;
}
#footer ul li
{
display: inline;
}
#footer ul li a
{
padding: 0 15px 0 15px;
}
#footer p
{
margin-top: 17px;

}
#menu_footer
{
margin: 16px 0 10px 0;
}
.uppercase
{
text-transform:uppercase;
}
#hot_product
{
float:left;
width:100%;
}
#hot_product_bound
{
background:url(/Css/images/bg_product_hot.jpg) no-repeat;
background-position:left top;
width:960px;
height:207px;
}
.hot_product_top span
{
color:#0B6DCC;
text-transform:uppercase;
font-size:18px;
font-weight:bold;
line-height:2;
margin-left:13px;
}
#address
{
clear:both;
margin:20px auto 0 auto;
width:1082px;
background:url(/Css/images/bg_address.jpg) no-repeat;
background-position:top center;
height:186px;
}
.address_item
{
float:left;
width: 285px;
margin-left:13px;
}
.brand_name
{
color:Red;
font-size:13px;
font-weight:bold;
margin-bottom:13px;
text-transform:uppercase;
}
.brand_hotline
{
color:#007fba;
padding:3px 30px 0 0;
background:url(/Css/images/icon_hotline.png) no-repeat;
font-weight:bold;
background-position:right center;
}
.address_bound
{
width:940px;
margin:30px auto 0 auto;
}
.address_content
{
float:left;
margin:27px 0 0 0;
}
.address_item  p
{
margin:0 0 4px 0;
}
.support_cate
{

                         
}
.support_cate span
{

color:#ffb746;
font-size:15px;

text-transform:capitalize;
line-height:2;

}
.support_content
{
margin:-34px 0 0 125px;;
}
.support_item
{
    font-size:13px;
width:167px;
margin: 5px 0 7px 0;
}
.support_item img
{
float:right;                                           
}
.support_item span
{
color:White;
}
.support_item .phonenumber
{
float:right;
margin-right:20px;
                                               
}
.hotline
{
    margin-right:50px;
    float:left;
    width:120px;
    font-size:18px;
    color:White;
    padding-top:27px;
    }
.histats
{
    margin:8px 0 0 58px;
    float:left;
    }
.cate_bound
{
    float:left;
    margin-right:70px;
    }
#callnow_bound
{
    
position: fixed;
z-index:9999;
bottom:40px;
right:2%;
height:116px;
width:220px;
}   
#callnow
{
width:220px;
height:116px;
background:url(/Css/images/callnow2.png) no-repeat;
} 
         
.online_content
{
background:url(/Css/images/bg_online.png) no-repeat;
background-position:left top;
width:231px;
height:66px;
}
.capitalize
{
text-transform:capitalize;
}
.hot_pro_ct
{
width:209px;
height:199px;
overflow:hidden;
margin:4px 0 0 7px
}
                     
.hot_pro_item
{
padding-top:10px;
width:209px;
height:189px;
overflow:hidden;
text-align:center;
background:white;
}
.img_hot_pro
{
vertical-align:middle;
width:209px;
display:table-cell;
height:157px;
                         
}
.hot_pro_item img
{
max-width:171px;
max-height:157px;
}
.gray
{
color:#575757
}
.uppercase
{
text-transform:uppercase;
}
.service_home
{
float:left;
width:1006px;
background:url(/Css/images/bg_service.png) no-repeat;
background-position:left top;
height:267px;
margin-left:-7px;
margin-top:0;
}
.service_home .title span
{
font-family:Myriad Pro;
font-size:17px;
text-transform:uppercase;
color:#445156;
line-height:2.5;
font-weight:bold;
margin-left:5px;
}     
.service_home .list
{
margin:20px 0 0 0;
width:100%;   
}           
.service_home .item
{
float:left;
width:181px;
height:189px;
overflow:hidden;
text-align:center;
margin:0 0 0 17px;
line-height:2;
} 
.service_home .item .imgbound
{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:181px;
height:156px;
display:table-cell;
border:1px solid #ccc;
vertical-align:middle;
} 
.service_home .item .imgbound img
{
max-width:176px;
max-height:161px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
        
}
.shadow1
{
clear:both;
width:100%;
height:17px;
background:url(/Css/images/shadow_banner.png) no-repeat;
background-position:top center;
}
.service_name
{
                         
}
.fs15
{
    font-size:15px;
    }
.fs16
{font-size:16px;
                             
}
.fs18
{font-size:18px;
                             
}
.Myriad
{
font-family: Arial;
}
.white
{
color:White;
}
.support_home
{
    float:left;
    width:1000px;
    background:url(/Css/images/bg_support.jpg) no-repeat;
    height:85px;
    margin-left:-1px;
    background-position:bottom left;
    }
    
   .support_home .title span
   {
       line-height:2.5;
       margin-left:123px;
       }

#body
{
    background: url(/Css/images/bg-body.jpg) repeat-y;
    background-position: left center;
}

.login input
{
    float:right;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:url(/Css/images/bg_breakcum.jpg) repeat-x;
    border:1px solid #ccc;
    margin-right:9px;
    }
.lbl
{
    margin-top:6px;
    float:left;
    width:100px;
    text-transform:capitalize;
    font-weight:bold;
    }
.box_login
{
    width:27%;
    float:left;
    margin:10px;
    }
.customer_list
{
    float: left;
    width: 100%;
    margin: 10px;
}
.customer_list .customer_item
{
    float: left;
    width: 170px;
    margin: 0 10px 0 0;
}
.customer_list .customer_item img
{
    width: 170px;
    vertical-align: middle;
    max-height: 120px; 
}
.customer_list .customer_item .img_bound
{
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 120px;
    width: 170px;
    display: table-cell;
}
.line2
{
    line-height: 2;
}
.name-news-details
{
    color: #011634;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 13px;
}
.short-desc-news
{
    margin-bottom: 10px;
}
.news-detail
{
    margin-top: 15px;
}
.search-term
{
    color: Red;
    font-weight: bold;
}
.search_item
{
    float: left;
    width: 100%;
    padding: 10px 0 10px 0;
    border-bottom: 1px dashed #ccd;
}
.search_item img
{
    float: left;
    width: 100px;
    height: 80px;
    margin-right: 15px;
    border: 4px solid #ccd !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.search_item .title
{
    color: #024382;
    font-weight: bold;
}
.keyword
{
    font-weight: bold;
}
.article_name a
{
    color: #ea7f0a;
}
.button
{
    background: url(/Css/images/WHead.gif) repeat-x;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #CCC;
    padding: 2px;
}

#header2
{
    background: url(/Css/images/bg-header.jpg) no-repeat;
}
#body-content2
{
    width: 954px;
    margin-top: 49px;
    margin: 0 auto;
    margin-bottom: 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background: white;
    padding: 0 17px 15px 17px;
    border-opacity: 0.4;
    border: 8px solid #8EC0DA;
}
#body-page
{
    padding: 50px 0 0 0;
    width: 1260px;
    height: 1526px;
    margin: 0 auto;
    background-position: top left;
    background: url(/Css/images/bg-content.jpg) no-repeat;
}
#footer2
{
    border-top: 1px dotted Black;
    padding: 20px 0 0 0;
    margin-top: 30px;
    text-align: center;
}
#footer2 ul
{
    margin: 0 0 25px 0;
}
#footer2 ul li
{
    display: inline;
}
#footer2 ul li a
{
    padding: 0 20px 0 20px;
}
#footer2 p
{
    margin-bottom: 10px;
}
.page-name
{
    text-transform: capitalize;
    color: #1E0E66;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.page-name a span
{
    text-transform: capitalize;
    color: #1E0E66;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.content_main
{
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}
.page
{
    float: left;
    width: 100%;
}
.img_dt
{
    text-align: center;
}
.img_dt img
{
    max-width: 500px;
    max-height: 300;
}
.certificate-item img
{
    -webkit-border-top-left-radius: 9px;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    width: 217px;
    height: 140px;
}
.certificate-item
{
    display: inline;
    width: 217px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    float: left;
    margin: 0 7px 0 0;
}
.certificate-item a
{
    color: White;
}
p.float input[type="text"], p.float input[type="password"]
{
    width: 96%;
}
textarea
{
    border: 1px solid gray;
    height: 100px;
    width: 95%;
}
input
{
    background: white;
    border: solid 1px gray;
}
p.float
{
    float: left;
    width: 49%;
    margin: .5em 0;
    margin: .5em 0;
}
p.float input
{
    margin: 0;
}
p.full
{
    float: left;
    width: 100%;
    margin: .5em 0;
}
p.full input
{
    margin: 0;
    width: 96%;
}
.ct-lf
{
    margin: 10px 0 10px 0;
    font-weight: bold;
}
.ct-lf p
{
    margin: 5px 0 0 0;
}
.contact
{
    float: left;
    margin: 15px 0 0 0;
    width: 500px;
}


.list-item
{
    border-bottom: 1px dotted #C2C6C9;
    float: left;
    margin: 10px 0 0;
    padding-bottom: 10px;
    width: 100%;
}
.list-item img
{
    float: left;
    margin: 0 10px 0 0;
    display: inline;
    width: 180px;
    height: 140px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.list-item p
{
    padding-bottom: 3px;
    text-align: justify;
}
.article_name
{
    font: 700 12px arial;
    color: #013A71;
}

.read-more
{
    color: Red;
    line-height: 2;
}
.news_title h1
{
    font-weight: 700;
    text-transform: capitalize;
    color: #ea7f0a;
}
.short_intro
{
    font-weight: 700;
}
.short_intro, news_title
{
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
.fck_detail
{
    float: left;
    overflow: hidden;
    width: 100%;
}
.breadcrumb
{
    float: left;
    width: 100%;
    background: url(/Css/images/bg_breakcum.jpg) repeat-x;
    background-position: top left;
}
.breadcrumb_content
{
    margin: 7px 0 5px 5px;
    color: #575757;
}
.breadcrumb_content a
{
    color: #575757;
    font-weight: bold;
}
ul.square
{
    list-style: none;
}
ul.square li
{
    background: url(/Css/images/list_style1.jpg) no-repeat;
    padding-left: 10px;
    background-position: left center;
}
.other_news li
{
    border: none;
    margin: 5px 0 0 10px;
}
.current
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ccc;
    padding: 3px;
    font-weight: bold;
    color: White;
}
.product_item
{
    float: left;
    width: 502px;
    margin: 5px 10px 5px 0;
}
.product_item img
{
    height: 70px;
    width: 70px;
    float: left;
    margin-right: 10px;
    border: 4px solid #CAB83C !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

h4
{
    color: #FFFEBE;
    line-height: 2.3;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 0 0 18px;
    float: left;
    margin: 0 0 0px 0;
    background: url(/Css/images/g1.gif) no-repeat;
    background-position: left center;
}
.certificate_item
{
    position: relative;
    float: left;
    margin: 10px 15px 0 25px;
    overflow: hidden;
    height: 145px;
    width: 152px;  
    text-align: center; 
    text-transform:capitalize;
    line-height:2;

}
.item_bound
{
    height: 120px;
    width: 150px;
    display: table-cell;
    vertical-align: middle;
      border: 1px solid #ccc;
}
.item_bound img
{
    max-height: 120px;
    max-width: 148px;
}
img
{
    vertical-align: middle;
}

#descriptions
{
    position: relative;
    height: 50px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
}
#descriptions .ad-image-description
{
    position: absolute;
}
#descriptions .ad-image-description .ad-description-title
{
    display: block;
}

.font-page
{
    clear: both;
    float: left;
    width: 100%;
    height: 24px;
    margin-top: 20px;
}
.font-page .currentPage
{
    padding: 2px 5px 2px 5px;
    background: #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-list, .product-detail
{
    margin-top: 5px;
    float: left;
    margin-bottom: 10px;
}
#gallery
{
    padding: 0;
    width: 100%;
    margin-top: 32px;
}

#gallery ul a:hover img
{
    color: #fff;
}
#gallery ul a:hover
{
    color: #fff;
}
.detail_img
{
    width: 300px;
    height: 220px;
    border: 1px solid #ccc;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-right: 15px;
}
.download_img
{
    float: left;
}
.download_img img
{
    width: 240px;
    height: 180px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
}
.detail_img img
{
    max-width: 300px;
    max-height: 220px;
    vertical-align: middle;
}
.faq_catename
{
    border-bottom: 1px solid #3199CE;
    margin: 10px 0 5px 0;
    padding-bottom: 2px;
    background: url(/Css/images/faq.png) no-repeat;
    background-position: left center;
    padding-top: 10px;
}
.faq_catename span
{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #ea7f0a;
    border-bottom: 2px solid #3199CE;
    padding-right: 15px;
    margin-left: 40px;
}
.faq_name a
{
    font-weight: bold;
    color: #024382;
    text-transform: capitalize;
    line-height: 2;
}
.faq_catebound
{
    margin-left: 4px;
}
.item_detail
{
    display: none;
    float: left;
    margin: 10px;
}
.menu_detail
{
    margin: 0;
    padding: 0;
    width: 100%;
}
.menu_detail .menu_item
{
    cursor: pointer;
    float: left;
    float: left;
    height: 20px;
    margin: 1px 1px 0;
    padding: 5px 20px 0;
    border: 1px solid #ccc;
    background: url(/Css/images/tab_2.jpg) repeat-x;
}
.detail_bound
{
    float: left;
    width: 100%;
    border: 1px solid #ccc;
}
.menu_item span
{
    color: #008EDB;
    font-weight: bold;
}
.menu_detail_bound
{
    clear: both;
    margin: 15px 0;
    float: left;
    width: 100%;
}
.menu_detail_checked
{
    background: #1B80DC !important;
}
.menu_detail_checked span
{
    color: White !important;
}
#banner_cate
{
    float: left;
    clear: both;
    width: 100%;
    margin: 5px 0;
}
.banner_cate_bound
{
    float: left;
    clear: both;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.font-page a
{
    color: black;
border: solid 1px #ccc;
padding: 0px 3px;
margin: 0 2px;
border-radius: 3px;
}
#fade { /*--Transparent background layer--*/
        display: none; /*--hidden by default--*/
        background: #000;
        position: fixed; left: 0; top: 0;
        width: 100%; height: 100%;
        opacity: 0.8;
        z-index: 9999;
}
.popup_block{
        display: none; /*--hidden by default--*/
        background: #fff;
        padding: 9px;
        border: 10px solid #ddd;
        float: left;
        font-size: 1.2em;
        position: fixed;
        top: 50%; left: 50%;
        z-index: 99999;
        /*--CSS3 Box Shadows--*/
        -webkit-box-shadow: 0px 0px 20px #000;
        -moz-box-shadow: 0px 0px 20px #000;
        box-shadow: 0px 0px 20px #000;
        /*--CSS3 Rounded Corners--*/
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}
img.btn_close {
        float: right;
        margin: -21px -18px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
        position: absolute;
}
*html .popup_block {
        position: absolute;
}

#menu_header
{
    width: 100%;
}
.top_box
{
    background: url(/Css/images/top_box_left.png) no-repeat;
    background-position: left top;
    height: 46px;
    margin-left: -4px;
}
.top_box_right
{
    background: url(/Css/images/top_box_right.png) no-repeat;
    background-position: center top;
    height: 49px;
    margin-right: -6px;
}
.content_box_bound
{
    float: left;
    margin: 0 25px 0 30px;
    width: 215px;
}
.content_box
{
    background: url(/Css/images/box_content.jpg) repeat-y;
    background-position: center top;
}
.bottom_box
{
    background: url(/Css/images/box_bottom.jpg) repeat-x;
    background-position: center top;
    height: 21px;
    clear: both;
}
.menutop
{
    background: url(/Css/images/bg_menu.jpg) repeat-x;
    float: left;
    height: 43px;
    width: 1000px;
}

.menutop .checked
{
    background: url(/Css/images/menu_checked.jpg) repeat-x !important;
}
.menutop ul li:hover
{
    background: url(/Css/images/menu_checked.jpg) repeat-x !important; 
}
.menutop ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.menutop ul li
{
    display: inline;
    float: left;
    background: url(/Css/images/line1.jpg) no-repeat;
    background-position: right center;
    position:relative;
}
.menutop ul li img
{
    margin: 7px 10xp 7px 10px;
}
.menutop a
{
    color: #fafafa;
    font-size: 16px;
    line-height: 2.7;
    padding: 13px 16px 13px 15px;
    text-transform: capitalize;
}

.menutop a:hover .supmenu
{
    
}
.sup_checked
{
    border-top: none;
    border-bottom: none;
}
.menutop li:hover .supmenu
{
    display:block !important;
    }
.supmenu
{
    background-color: #9A5B09;
    position: absolute;
    padding: 0;
    width: 210px;
    z-index: 1000;
    padding: 1px;
    _width: 200px;
    line-height: 29px;
    display: none;
    top: 43px;
}
.supmenu li
{
    background:none !important;
    display: block;
    float: left;
    font-weight: normal;
    line-height: 16px;
    _height: 1%;
    vertical-align: bottom;
    margin: 0;
    width: 100%;
}

.supmenu li a
{
    text-transform: none;
    padding: 7px 0 7px 10px;
    line-height: 1;
    font-weight: normal;
    float: left;
    width: 95%;
    border-bottom: 1px solid #CCC;
    color: White;
    font-size: 13px;
    text-transform:uppercase;
}
.supmenu li a:hover
{
    color:#31246F;
    }
.sup_a:hover
{
    color: yellow;
}
ul
{
    margin: 0;
    list-style: none;
    padding: 0;
}
.menu-pro-right
{
    width: 100%; /* background: url(/Css/images/bg-category.jpg) no-repeat; */
    float: left;
    color: Black;

}
.cer
{
    background: url(/Css/images/bg_chungchi.png) no-repeat !important;
    background-position: right 8px !important;
    padding-bottom: 4px;
}
.cer_item
{
    text-align: center;
    width: 221px;
    height: 308px;
    margin: 0 0 0 2px;
}
.cer_img_bound
{
    width: 221px;
    height: 308px;
    display: table-cell;
    vertical-align: middle;
}
.cer_img_bound img
{
    max-width: 221px;
    max-height: 308px;
    vertical-align: middle;
}

.menu-pro
{
    width: 100%; /* background: url(/Css/images/bg-category.jpg) no-repeat; */
    float: left;
    color: Black;
    background: url(/Css/images/box_content.png) no-repeat;
    background-position: 0 8px;
}
.menu-pro-right .title
{
    color: #011634;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 0;
    line-height: 2;
    margin: 0;
}
.menu-pro-right .content_box
{
    float: left;
    width: 100%;
}
.menu-pro .title
{
    text-transform: uppercase;
    font-weight: bold;
    line-height: 3.8;
    font-size: 13px;
    padding-left: 38px;
    color: #575757;
}
.menu-pro .content_box
{
    float: left;
    width: 100%;
}
.mid_box
{
    float: left;
    width: 100%;
}
.mid_box .title
{
    background: url(/Css/images/top_box_midle.png) no-repeat;
    height: 38px;
}
.mid_box .title span
{
    color: #575757;
    font-size: 13px;
    font-weight: bold;
    line-height: 2.6;
    margin-left: 35px;
    text-transform: uppercase;
}
.mid_box .mid_content
{
    float: left;
    width: 100%;
}
.menu-lv1
{
}
.menu-lv1 li a
{
    color: #fffebe;
    padding: 3px 0 2px 10px;
    float: left;
    background: url(/Css/images/ls1.png) no-repeat;
    background-position: left center;
}
.level1
{
    float: left;
    width: 100%;
    clear: both;
    background-position: bottom center;
    padding: 0 0 0 0;
}
.menu-lv1 .a-level1
{
    text-transform: capitalize;
    font-weight: 700;
    padding-left: 16px;
    margin-left: 33px;
    line-height: 1.5;
}
.menu-lv1 a:hover
{
    color: Red;
}
.menu-lv1 .a-level1 span
{
    color: #fffebe;
    font-size: 13px;
}
.menu-lv1 .a-level2
{
    text-transform: capitalize;
    font-size: 13px;
    padding-left: 10px;
    width: 163px;
    background: url(/Css/images/f2.png) no-repeat;
    background-position: left 12px;
    margin: 0 0 0 63px;
}
.menu-lv1 .level1:hover a
{
    color: #8DE7F7;
}
.menu-pro a
{
    color: Black !important;
}
#nm_gold, #nm_stock, #nm_exchange, #nm_wether
{
    background-position: left center;
    padding-left: 27px;
    margin: 10px 0 10px 0;
    line-height: 2;
}
#nm_gold
{
    background: url(/Css/images/icon_gold.jpg) no-repeat;
}
#nm_stock
{
    background: url(/Css/images/icon_stock.jpg) no-repeat;
}
#nm_exchange
{
    background: url(/Css/images/icon_exchange.jpg) no-repeat;
}
#nm_wether
{
    background: url(/Css/images/icon_wether.jpg) no-repeat;
}

.item-menu-weblink
{
    margin: 5px 0 5px 20px;
}
.online_bound
{
    background: url(/Css/images/bg_online_content.jpg) no-repeat;
    background-position: top center;
    width: 203px;
    height: 49px;
}
.online_box
{
    float: right;
    margin-right: 30px;
    margin-top: 5px;
}
#online
{
    float: left;
    margin-top: 26px;
    margin-left: 20px;
}
#online span
{
    padding: 0px 10px 0px 20px;
    margin-left: 2px;
    font-size: 18px;
    color: #fff300;
}
#visitor
{
    float: left;
    margin-left: 17px;
    margin-top: 26px;
}
#visitor span
{
    color: #fff300;
    padding: 0px 10px 0px 7px;
    font-size: 18px;
}
.cate_name
{
    font-size: 13px;
    color: #656565;
}
.download_cate_name
{
    float: left;
    width: 100%;
    border-bottom: 1px solid #3199CE;
}

#menu_category li img
{
    margin-right: 5px;
}
#menu_category
{
    clear: both;
    background: url(/Css/images/bg_menu_product.jpg) repeat-x;
    height: 80px;
    margin: 0 13px 0 14px;
    width: 925px;
}
#menu_category li
{
    float: left;
    height: 80px;
    padding: 0 23px;
    line-height: 6;
}
#menu_category li:hover
{
    background: url(/Css/images/bg_menu_product_checked.jpg) repeat-x;
    background-position: left top;
}
.menulv2
{
    margin: 0 0 0 30px;
}
.cate_name1
{
    color: #011634;
    font-size: 13px;
    text-transform: capitalize;
    background: url(/Css/images/arrow.png) no-repeat;
    background-position: left center;
    padding-left: 20px;
    line-height: 2;
}
.art_cust
{
    font-size: 13px;
    color: #011634;
    background: url(/Css/images/ls1.png) no-repeat;
    background-position: left center;
    margin-left: 20px;
    padding-left: 20px;
    line-height: 1.5;
    display: block;
}
.list_cate_cust
{
    margin-left: 15px;
}
.img_custcate
{
    width: 181px;
    max-height: 161px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.cust_detail
{
    float: left;
    margin-bottom: 10px;
    margin-top: 5px;
}
.cust_detail .left
{
    float: left;
    width: 252px;
    padding-right: 9px;
    padding-bottom: 20px;
}
.cust_detail .right
{
    float: left;
    width: 720px;
    padding-left: 15px;
    border-left: 1px solid #CCC;
    min-height: 1010px;
}
.order p
{
    width:100%;
    }
.image_carousel
{
    padding: 15px 0 15px 40px;
    position: relative;
}
.image_carousel img
{
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    margin: 7px;
    display: block;
    float: left;
}
a.prev, a.next
{
    background: url(/Css/images/miscellaneous_sprite.png) no-repeat transparent;
    width: 45px;
    height: 50px;
    display: block;
    position: absolute;
    top: 75px;
}
a.prev
{
    left: 23px;
    background-position: 0 0;
}
a.prev:hover
{
    background-position: 0 -50px;
}
a.prev.disabled
{
    background-position: 0 -100px !important;
}
a.next
{
    right: 25px;
    background-position: -50px 0;
}
a.next:hover
{
    background-position: -50px -50px;
}
a.next.disabled
{
    background-position: -50px -100px !important;
}
a.prev.disabled, a.next.disabled
{
    cursor: default;
}

a.prev span, a.next span
{
    display: none;
}
.pagination
{
    text-align: center;
}
.pagination a
{
    background: url(/Css/images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.pagination a.selected
{
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span
{
    display: none;
}
.clearfix
{
    float: none;
    clear: both;
}
#hot_product_bound .caroufredsel_wrapper
{
    margin-left: 75px !important;
}
#hot_product_bound
{
    position: relative;
}
.hotpro_item
{
    float: left;
    width: 176px;
    text-align: center;
    margin: 35px 0 0 22px;
    line-height: 2;
}
.hotpro_item_img
{
    position: relative;
}
.hotpro_item_img_bound
{
    width: 174px;
    height: 107px;
    border: 1px solid #ccc;
    display: table-cell;
    vertical-align: middle;
}
.hotpro_item_img_bound img
{
    max-height: 108px;
    max-width: 176px;
    vertical-align: middle;
}
.hot_product_content
{
}
.img_hot, .img_new, .img_promotion, .img_new2
{
    z-index:9999;
    position: absolute;
}
.img_hot
{
    top: -1px;
    left: -4px;
}
.img_new
{
    top: -10px;
    left: -8px;
}
.img_promotion
{
     top: -4px;
    right: -2px;
   
}
.img_new2
{
    top: 0;
    right: 0;
}

/*
 * jQuery Nivo Slider v3.0.1
 * //nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * //www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* 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%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* 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 {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(/Css/../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(/Css/../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(/Css/../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(/Css/../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(/Css/../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(/Css/../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 98%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* //dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
.scroller
{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 200px;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/



/*a:hover, a:active {
	color:#000;
	text-decoration:none;
} */

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(/Css/images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 100%; 
	margin: 0px auto;
}

.theme-default #slider {
    margin:0 auto 0 auto;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:0;
}

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