/*@import url(http://fonts.googleapis.com/css?family=Hind:400,500,600|Open+Sans+Condensed:700,300&subset=latin,latin-ext);*/
/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500,500italic);*/

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(/tc/fonts/Roboto-400-Regular-ext.woff2) format('woff2'), url(/tc/fonts/Roboto-400-Regular.woff) format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(/tc/fonts/Roboto-400-Regular.woff2) format('woff2'), url(/tc/fonts/Roboto-400-Regular.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/tc/fonts/Roboto-500-Medium-ext.woff2) format('woff2'), url(/tc/fonts/Roboto-500-Medium.woff) format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(/tc/fonts/Roboto-500-Medium.woff2) format('woff2'), url(/tc/fonts/Roboto-500-Medium.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/tc/fonts/Roboto-700-Bold-ext.woff2) format('woff2'), url(/tc/fonts/Roboto-700-Bold.woff) format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/tc/fonts/Roboto-700-Bold.woff2) format('woff2'), url(/tc/fonts/Roboto-700-Bold.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/tc/fonts/Roboto-500-Medium-Italic-ext.woff2) format('woff2'), url(/tc/fonts/Roboto-500-Medium-Italic.woff) format('woff');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(/tc/fonts/Roboto-500-Medium-Italic.woff2) format('woff2'), url(/tc/fonts/Roboto-500-Medium-Italic.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
*{
  margin:0;   
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  min-width: 100%;
  background-color:#333;
}

/**
 * Remove default margin.
 */

body {
  margin: 0;  
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:99991100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url('/ti/saving/macFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background:none;
	z-index: 99991102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:99991103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99991099;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	height: auto;
	overflow-y: hidden;
	
}



/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}


/*自定义*/
/*font-family: 'Open Sans Condensed', sans-serif;*/
html{
    font-size:62.5%;
}
body {
  color: #333333;
  background-color: #ffffff;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: none;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
ul, ol {
  list-style: none outside none;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6, .boldfont
{    
  font-family: 'Roboto',sans-serif;
  font-weight:normal;
  line-height:100%;
}
html, body, div, span, p, blockquote, pre, cite, em, img, small, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, input, select, textarea, legend, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td
{
  font-family: 'Roboto', sans-serif;
  line-height: 125%;
}


/*category list*/
[class^="icon-"], [class*=" icon-"] {
  background-image: url("/ti/icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 0 10px;
  vertical-align: middle;
  width: 32px;
}
.icon-list
{
    background-position:0 0;
}

.icon-load
{
    background-position:-32px 0;
}
#h_shortcuts a:hover .icon-load
{
  background-position:-32px -32px;
}
.icon-cart
{
    background-position:-64px 0;
}
#h_shortcuts a:hover .icon-cart
{
  background-position:-64px -32px;
}
.icon-order
{
    background-position:-96px 0;
}
#h_shortcuts a:hover .icon-order
{
  background-position:-96px -32px;
}
.icon-forum
{
    background-position:-192px 0;
}
#h_shortcuts a:hover .icon-forum
{
  background-position:-192px -32px;
}
.icon-rebates
{
    background-position:-323px 0;
}
#h_shortcuts a:hover .icon-rebates
{
  background-position:-323px -32px;
}
.icon-plus
{
    background-position:-160px 0;
}
.icon-subtract
{
    background-position:-128px 0;
}

/*rank*/
.review_star {
  background: transparent url("/ti/icons.png") no-repeat scroll 0 0;
  display: inline-block;
  height: 13px;
  width: 75px;
  margin-left:10px;
}
.star1, .star1 {
  background-position: -300px -64px;
}
.star2 {
  background-position: -225px -64px;
}
.star3 {
  background-position: -150px -64px;
}
.star4 {
  background-position: -75px -64px;
}
.star5 {
  background-position: 0 -64px;
}

/*shares*/
.shareicon {
  background: url("/ti/shares.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 30px;
  width: 30px;
}
.si_gp{
  background-position: 0 0;
}
.si_tt{
  background-position: -40px 0;
}
.si_fb{
  background-position: -80px 0;
}
.si_yt{
  background-position: -120px 0;
}
.si_bd{
  background-position: -160px 0;
}
.share > a >span{
  display: none;
}
.share > a:first-of-type > span {
  color: #aaa;
  display: inline-block;
  font-size: 1.4rem;
  text-transform: uppercase;
}
a, a:link, a:visited{
	text-decoration:none;
	color:#000;
	outline:none;
}
a:hover, a:focus{
	text-decoration:none;
	color: #2a6496;
	outline:none;
}

select {
	-webkit-appearance: menulist;
	box-sizing: border-box;
	align-items: center;
	border: 1px solid;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;
}

/*footer*/
#footerc
{
    clear:both;
}
.copyright{
	border-top: 1px solid #232323;
    padding: 20px 5%;
    text-align: center;
	color:#666;
	font-size:1.1rem
}
.copyright strong{
	font-size:1.3rem;
	color:#fff;
}
.copyright span{
	font-weight:bold;
	font-size:1.2rem
}


/*@media (min-width: 381px ) and (max-width: 730px)*/
@media (max-width: 730px)
{
    #header
    {
        background-color: #272727;
        text-align: center;
        height:100px;
    }
    #h_wrapper
    {
        margin: 0 auto;
        position: relative;
        width: 730px;
    }

    #h_brand
    {
        float: left;
        height: 59px;
        min-width: 240px;
        width: 25%;
        margin:0;
    }
    #h_brand a
    {
		background: url("/ti/brand.png") no-repeat scroll 0 0 transparent;
		display: block;
		height: 50px;
		width: 230px;
		margin-top:5px;
	}
	#h_brand span {
	  display: none;
	}


    #h_shortcuts
    {
        color: #999;
        font-size: 1.2rem;
        list-style-position: inside;
        position: absolute;
        right: 70px;
        vertical-align: middle;
        padding: 10px 0;
    }

    #h_shortcuts li
    {
        float: left;
        position: relative;
        padding-right: 0;
        cursor: pointer;
    }
    #h_shortcuts a
    {
        display: block;
        padding: 10px 5% 0;
        text-decoration: none;
        color: #999;
        line-height: 32px;
    }
    #h_shortcuts a i{
        margin:0;
    }
    #h_shortcuts a span{
        display:none;
    }
    #h_shortcuts a:hover
    {
        color: #fff;
    }
    #h_shortcuts .icon
    {
        background: transparent url(/ti/icon.png) no-repeat 0 8px;
    }

    #h_search
    {
        background-color: #000;
        border-radius: 25px;
        float: right;
        height: 40px;
        margin: 10px;
        text-align: center;
        width: 40px;
    }

    #h_search span
    {
        background: url("/ti/search.png") no-repeat scroll 10px 10px transparent;
        cursor: pointer;
        display: block;
        height: 100%;
        width: 100%;
    }

    #h_spiliter
    {
        background-color: #333;
        clear: left;
        height: 1px;
    }

    /*menu bar*/
    #h_mobile_listc
    {
        display:none;
    }

    #h_menu_wrapper
    {
        margin: 0 auto;
        max-width: 1200px;
        clear: both;
        text-align:left;
    }
    #h_menu_wrapper a, #h_menu_wrapper a:hover, #h_menu_wrapper a:focus
    {
        text-transform:none;
        text-decoration:none;
    }

    #h_sup-nav
    {
        clear: left;
        color: #999;
        font-size: 1.4rem;
        height: 40px;
        line-height: 40px;
        top: 20px;
        width: 100%;
        overflow: hidden;
    }

    #h_sup-nav li
    {
        float: left;
        position: relative;
        cursor: pointer;
        text-transform: uppercase;
    }
    #h_sup-nav > li > a
    {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        color: #eee;
    }
    #h_sup-nav > li > a:hover, #h_sup-nav > li > a.onthis
    {
        color: #f50;
        background-color: #333;
    }
    #h_sup-nav > li > a > i
    {
        display:none;
    }
    .nav-pop {
        background-color: #333;
        border-bottom: 3px solid #e64c00;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.8);
        display: none;
        height: 520px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 9999;
    }
    .np-inner {
        height: 500px;
        padding: 10px 0;
        position: relative;
        overflow:hidden;
    }
    .np-tab {
      font: bold 1.4rem 'Open Sans Condensed',sans-serif;
      height: auto;
      left: 10px;
      position: absolute;
      text-transform: uppercase;
      font-size: 1.4rem; 
      font-weight: bold;
      top: 15px;
      width: 250px;
    }
    .np-tab ul li {
      margin: 0 5px 5px 0;
      text-align: left;
      width: 100%;
    }
    .np-tab a:link, .np-tab a:visited {
      color: #ccc;
    }
    .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-tab a {
      display: block;
      padding: 6px 10px;
    }
    .np-tab a:hover, .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-box-container {
      height: 500px;
      margin-left: 270px;
      overflow: hidden;
      position: relative;
      width: 930px;
    }
    .np-box {
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
      width:100%;
      height:500px;
    }
    .np-sys, .np-sys dl {
      float: left;
      position: relative;
    }
    .np-sys dd {
      background-color: #2c2c2c;
      float: left;
      height: 220px;
      margin-bottom: 10px;
      margin-right: 10px;
      overflow: hidden;
      width: 220px;
    }
    .np-sys dd:hover {
      background: #200;
    }
    .np-sys a:link, .np-sys a:visited {
      color: #fff;
    }
    .np-sys a {
      display: block;
      height: 100%;
      width: 100%;
    }
    .np-sys a:hover .npp-img {
      display: none;
    }
    .np-sys a:hover .npp-info {
      display: block;
    }
    .npp-name {
      clear: both;
      font: 1.1rem/1.4rem 'Open Sans Condensed',sans-serif;
      letter-spacing: 0.05em;
      padding: 8px 0;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      margin:0;
    }
    .npp-img {
      height: 170px;
      text-align: center;
      width: 100%;
      margin-top:-2px;
    }
    .npp-img img {
      max-height: 160px;
      max-width: 160px;
    }
    .npp-info {
      display: none;
      font: 9pt/1.4rem 'Open Sans Condensed',sans-serif;
      height: 150px;
      padding: 5px 0 0 13px;
    }
    .npp-price {
      clear: both;
      font: bold 14pt/1.4rem 'Open Sans Condensed',sans-serif;
      margin-top: -15px;
      text-align: center;
      width: 100%;
    }
    .np-scroll {
      display: none;
      height: 495px;
      position: absolute;
      right: 16px;
      top: 0;
      width: 6px;
    }
    .nps {
      background: none repeat scroll 0 0 #e64c00;
      border-radius: 6px;
      height: 150px;
      position: relative;
      top: 0;
      width: 6px;
    }
    
    /*footer*/
    #footerc
    {
        background-color: #333;
    }

    #footer
    {
        color: #fff;
        margin: 0 auto;
        max-width: 1200px;
    }
    .call_share
    {
        border-bottom: 1px solid #232323;
    }
    .call
    {
        float: left;
        font-size: 1.4rem;
        padding: 18px 20px;
        width: 300px;
    }
    .call > span
    {
        color: #f50;
        font-size: 18px;
        font-weight: bold;
    }

    .share
    {
        display: table-cell;
        float: right;
        font-size: 1.4rem;
        height: 35px;
        line-height: 35px;
        padding: 18px 20px;
        text-align: right;
    }
    .share > a
    {
        color: #bbb;
        display: block;
        float: left;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        text-transform: capitalize;
    }

    #footer > dl
    {
        border-top: 1px solid #3f3f3f;
        padding: 18px 20px;
        font-size: 1.2rem;
    }
    #footer > dl > dd
    {
        float: left;
        color: #a9a9a9;
        padding: 10px 0;
    }
    #footer > dl > dd:nth-of-type(1)
    {
        max-width: 300px;
        width: 25%;
    }
    #footer > dl > dd:nth-of-type(2)
    {
        max-width: 250px;
        width: 20.83%;
    }
    #footer > dl > dd:nth-of-type(3)
    {
        max-width: 160px;
        width: 13.333%;
    }
    #footer > dl > dd:nth-of-type(4)
    {
        max-width: 250px;
        width: 18%;
    }
    #footer > dl > dd:nth-of-type(5)
    {
        max-width: 300px;
        width: 20%;
    }
    #footer > dl > dd > h1
    {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.8rem;
        text-transform: uppercase;
    }
    #footer > dl > dd a
    {
        color: #a9a9a9;
    }
    #footer > dl > dd a:hover
    {
        color: #f50;
    }
    #footer > dl > dd > p
    {
        padding: 5px 0;
    }

    #footer > dl > dd > ul
    {
        padding: 2px 20px 0 0;
    }
    #footer > dl > dd > ul > li
    {
        padding: 3px 0;
    }

    #footer > dl > dd:nth-of-type(5) > form
    {
        padding-top: 5px;
        width: 200px;
    }
    #footer > dl > dd:nth-of-type(5) > form input
    {
        background-color: #202020;
        border-style: none;
        height: 36px;
        margin-bottom: 16px;
        padding-left: 10px;
        width: 184px;
    }
    #footer > dl > dd:nth-of-type(5) > form input:focus
    {
        background-color: #000;
    }
    #footer > dl > dd:nth-of-type(5) button
    {
        background-color: #f50;
        border-radius: 5px;
        border-style: none;
        color: #fff;
        font-weight: bold;
        height: 30px;
        text-transform: uppercase;
        width: 80px;
        position:relative;
    }
    #footer > dl > dd:nth-of-type(5) a
    {
        margin-left: 10px;
        color: #fff;
    }
}


@media (min-width: 731px ) and (max-width: 980px)
{
	/*header*/
    #header
    {
        background-color: #272727;
        text-align: center;
        height:100px;
    }
    #h_wrapper
    {
        margin: 0 auto;
        position: relative;
        width: 980px;
    }


    #h_brand
    {
        float: left;
        height: 59px;
        min-width: 240px;
        width: 25%;
        margin:0;
    }
    #h_brand a
    {
		background: url("/ti/brand.png") no-repeat scroll 0 0 transparent;
		display: block;
		height: 50px;
		width: 230px;
		margin-top:5px;
	}
	#h_brand span {
	  display: none;
	}


    #h_shortcuts
    {
        color: #999;
        font-size: 1.2rem;
        list-style-position: inside;
        position: absolute;
        right: 70px;
        vertical-align: middle;
        padding: 10px 0;
    }

    #h_shortcuts li
    {
        float: left;
        position: relative;
        padding-right: 10px;
        cursor: pointer;
    }
    #h_shortcuts a
    {
        display: block;
        padding: 10px 5%;
        text-decoration: none;
        color: #999;
        line-height: 32px;
    }
    #h_shortcuts a span{
        display:none;
    }
    #h_shortcuts a:hover
    {
        color: #fff;
    }
    #h_shortcuts .icon
    {
        background: transparent url(/ti/icon.png) no-repeat 0 8px;
    }

    #h_search
    {
        background-color: #000;
        border-radius: 25px;
        float: right;
        height: 40px;
        margin: 10px;
        text-align: center;
        width: 40px;
    }

    #h_search span
    {
        background: url("/ti/search.png") no-repeat scroll 10px 10px transparent;
        cursor: pointer;
        display: block;
        height: 100%;
        width: 100%;
    }

    #h_spiliter
    {
        background-color: #333;
        clear: left;
        height: 1px;
    }

    /*menu bar*/
    #h_mobile_listc
    {
        display:none;
    }

    #h_menu_wrapper
    {
        margin: 0 auto;
        max-width: 1200px;
        clear: both;
        text-align:left;
    }
    #h_menu_wrapper a, #h_menu_wrapper a:hover, #h_menu_wrapper a:focus
    {
        text-transform:none;
        text-decoration:none;
    }

    #h_sup-nav
    {
        clear: left;
        color: #999;
        font-size: 1.4rem;
        height: 40px;
        line-height: 40px;
        top: 20px;
        width: 100%;
        overflow: hidden;
    }

    #h_sup-nav li
    {
        float: left;
        position: relative;
        cursor: pointer;
        text-transform: uppercase;
    }
    #h_sup-nav > li > a
    {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        color: #eee;
    }
    #h_sup-nav > li > a:hover, #h_sup-nav > li > a.onthis
    {
        color: #f50;
        background-color: #333;
    }
    #h_sup-nav > li > a > i
    {
        display:none;
    }
    .nav-pop {
        background-color: #333;
        border-bottom: 3px solid #e64c00;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.8);
        display: none;
        height: 520px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 9999;
    }
    .np-inner {
        height: 500px;
        padding: 10px 0;
        position: relative;
        overflow:hidden;
    }
    .np-tab {
      font: bold 1.4rem 'Open Sans Condensed',sans-serif;
      height: auto;
      left: 10px;
      position: absolute;
      text-transform: uppercase;
      font-size: 1.4rem; 
      font-weight: bold;
      top: 15px;
      width: 250px;
    }
    .np-tab ul li {
      margin: 0 5px 5px 0;
      text-align: left;
      width: 100%;
    }
    .np-tab a:link, .np-tab a:visited {
      color: #ccc;
    }
    .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-tab a {
      display: block;
      padding: 6px 10px;
    }
    .np-tab a:hover, .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-box-container {
      height: 500px;
      margin-left: 270px;
      overflow: hidden;
      position: relative;
      width: 930px;
    }
    .np-box {
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
      width:100%;
      height:500px;
    }
    .np-sys, .np-sys dl {
      float: left;
      position: relative;
    }
    .np-sys dd {
      background-color: #2c2c2c;
      float: left;
      height: 220px;
      margin-bottom: 10px;
      margin-right: 10px;
      overflow: hidden;
      width: 220px;
    }
    .np-sys dd:hover {
      background: #200;
    }
    .np-sys a:link, .np-sys a:visited {
      color: #fff;
    }
    .np-sys a {
      display: block;
      height: 100%;
      width: 100%;
    }
    .np-sys a:hover .npp-img {
      display: none;
    }
    .np-sys a:hover .npp-info {
      display: block;
    }
    .npp-name {
      clear: both;
      font: 1.1rem/1.4rem 'Open Sans Condensed',sans-serif;
      letter-spacing: 0.05em;
      padding: 8px 0;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      margin:0;
    }
    .npp-img {
      height: 170px;
      text-align: center;
      width: 100%;
      margin-top:-2px;
    }
    .npp-img img {
      max-height: 160px;
      max-width: 160px;
    }
    .npp-info {
      display: none;
      font: 9pt/1.4rem 'Open Sans Condensed',sans-serif;
      height: 150px;
      padding: 5px 0 0 13px;
    }
    .npp-price {
      clear: both;
      font: bold 14pt/1.4rem 'Open Sans Condensed',sans-serif;
      margin-top: -15px;
      text-align: center;
      width: 100%;
    }
    .np-scroll {
      display: none;
      height: 495px;
      position: absolute;
      right: 16px;
      top: 0;
      width: 6px;
    }
    .nps {
      background: none repeat scroll 0 0 #e64c00;
      border-radius: 6px;
      height: 150px;
      position: relative;
      top: 0;
      width: 6px;
    }
    /*footer*/
    #footerc
    {
        background-color: #333;
    }

    #footer
    {
        color: #fff;
        margin: 0 auto;
        max-width: 1200px;
    }
    .call_share
    {
        border-bottom: 1px solid #232323;
    }
    .call
    {
        float: left;
        font-size: 1.4rem;
        padding: 18px 20px;
        width: 300px;
    }
    .call > span
    {
        color: #f50;
        font-size: 18px;
        font-weight: bold;
    }

    .share
    {
        display: table-cell;
        float: right;
        font-size: 1.4rem;
        height: 35px;
        line-height: 35px;
        padding: 18px 20px;
        text-align: right;
    }
    .share > a
    {
        color: #bbb;
        display: block;
        float: left;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        text-transform: capitalize;
    }

    #footer > dl
    {
        border-top: 1px solid #3f3f3f;
        padding: 18px 20px;
        font-size: 1.2rem;
    }
    #footer > dl > dd
    {
        float: left;
        color: #a9a9a9;
        padding: 10px 0;
    }
    #footer > dl > dd:nth-of-type(1)
    {
        max-width: 300px;
        width: 25%;
    }
    #footer > dl > dd:nth-of-type(2)
    {
        max-width: 250px;
        width: 20.83%;
    }
    #footer > dl > dd:nth-of-type(3)
    {
        max-width: 160px;
        width: 13.333%;
    }
    #footer > dl > dd:nth-of-type(4)
    {
        max-width: 250px;
        width: 18%;
    }
    #footer > dl > dd:nth-of-type(5)
    {
        max-width: 300px;
        width: 20%;
    }
    #footer > dl > dd > h1
    {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.8rem;
        text-transform: uppercase;
    }
    #footer > dl > dd a
    {
        color: #a9a9a9;
    }
    #footer > dl > dd a:hover
    {
        color: #f50;
    }
    #footer > dl > dd > p
    {
        padding: 5px 0;
    }

    #footer > dl > dd > ul
    {
        padding: 2px 20px 0 0;
    }
    #footer > dl > dd > ul > li
    {
        padding: 3px 0;
    }

    #footer > dl > dd:nth-of-type(5) > form
    {
        padding-top: 5px;
        width: 200px;
    }
    #footer > dl > dd:nth-of-type(5) > form input
    {
        background-color: #202020;
        border-style: none;
        height: 36px;
        margin-bottom: 16px;
        padding-left: 10px;
        width: 184px;
    }
    #footer > dl > dd:nth-of-type(5) > form input:focus
    {
        background-color: #000;
    }
    #footer > dl > dd:nth-of-type(5) button
    {
        background-color: #f50;
        border-radius: 5px;
        border-style: none;
        color: #fff;
        font-weight: bold;
        height: 30px;
        text-transform: uppercase;
        width: 80px;
    }
    #footer > dl > dd:nth-of-type(5) a
    {
        margin-left: 10px;
        color: #fff;
    }
}



@media (min-width: 981px)
{
	/*header*/
    #header
    {
        background-color: #272727;
        text-align: center;
        width:100%;
        height:100px;
    }
    #h_wrapper
    {
        margin: 0 auto;
        position: relative;
        width: 1200px;
    }

    #h_brand
    {
        float: left;
        height: 59px;
        min-width: 240px;
        width: 25%;
        margin:0;
    }
    #h_brand a
    {
		background: url("/ti/brand.png") no-repeat scroll 0 0 transparent;
		display: block;
		height: 50px;
		width: 230px;
		margin-top:5px;
	}
	#h_brand span {
	  display: none;
	}


    #h_shortcuts
    {
        color: #999;
        font-size: 1.2rem;
        list-style-position: inside;
        position: absolute;
        right: 70px;
        vertical-align: middle;
        padding: 10px 0;
    }

    #h_shortcuts li
    {
        float: left;
        position: relative;
        padding-right: 10px;
        cursor: pointer;
    }
    #h_shortcuts a
    {
        display: block;
        padding: 10px 5% 0;
        text-decoration: none;
        color: #999;
        line-height: 32px;
    }
    #h_shortcuts a:hover
    {
        color: #fff;
    }
    #h_shortcuts .icon
    {
        background: transparent url(/ti/icon.png) no-repeat 0 8px;
    }

    #h_search
    {
        background-color: #000;
        border-radius: 25px;
        float: right;
        height: 40px;
        margin: 10px;
        text-align: center;
        width: 40px;
    }

    #h_search span
    {
        background: url("/ti/search.png") no-repeat scroll 10px 10px transparent;
        cursor: pointer;
        display: block;
        height: 100%;
        width: 100%;
    }

    #h_spiliter
    {
        background-color: #333;
        clear: left;
        height: 1px;
    }

    /*menu bar*/
    #h_mobile_listc
    {
        display:none;
    }

    #h_menu_wrapper
    {
        margin: 0 auto;
        max-width: 1200px;
        clear: both;
        text-align:left;
    }
    #h_menu_wrapper a, #h_menu_wrapper a:hover, #h_menu_wrapper a:focus
    {
        text-transform:none;
        text-decoration:none;
    }

    #h_sup-nav
    {
        clear: left;
        color: #999;
        font-size: 1.4rem;
        height: 40px;
        line-height: 40px;
        top: 20px;
        width: 100%;
        overflow: hidden;
    }

    #h_sup-nav li
    {
        float: left;
        position: relative;
        cursor: pointer;
        text-transform: uppercase;
    }
    #h_sup-nav > li > a
    {
        display: block;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        color: #eee;
    }
    #h_sup-nav > li > a:hover, #h_sup-nav > li > a.onthis
    {
        color: #f50;
        background-color: #333;
    }
    #h_sup-nav > li > a > i
    {
        display:none;
    }
    .nav-pop {
        background-color: #333;
        border-bottom: 3px solid #e64c00;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.8);
        display: none;
        height: 520px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 9999;
    }
    .np-inner {
        height: 500px;
        padding: 10px 0;
        position: relative;
        overflow:hidden;
    }
    .np-tab {
      font: bold 1.4rem 'Open Sans Condensed',sans-serif;
      height: auto;
      left: 10px;
      position: absolute;
      text-transform: uppercase;
      font-size: 1.4rem; 
      font-weight: bold;
      top: 15px;
      width: 250px;
    }
    .np-tab ul li {
      margin: 0 5px 5px 0;
      text-align: left;
      width: 100%;
    }
    .np-tab a:link, .np-tab a:visited {
      color: #ccc;
    }
    .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-tab a {
      display: block;
      padding: 6px 10px;
    }
    .np-tab a:hover, .np-tab .selecthis {
      background-color: #222;
      border-radius: 3px;
      color: #fff;
    }
    .np-box-container {
      height: 500px;
      margin-left: 270px;
      overflow: hidden;
      position: relative;
      width: 930px;
    }
    .np-box {
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
      width:100%;
      height:500px;
    }
    .np-sys, .np-sys dl {
      float: left;
      position: relative;
    }
    .np-sys dd {
      background-color: #2c2c2c;
      float: left;
      height: 220px;
      margin-bottom: 10px;
      margin-right: 10px;
      overflow: hidden;
      width: 220px;
    }
    .np-sys dd:hover {
      background: #200;
    }
    .np-sys a:link, .np-sys a:visited {
      color: #fff;
    }
    .np-sys a {
      display: block;
      height: 100%;
      width: 100%;
    }
    .np-sys a:hover .npp-img {
      display: none;
    }
    .np-sys a:hover .npp-info {
      display: block;
    }
    .npp-name {
      clear: both;
      font: 1.1rem/1.4rem 'Open Sans Condensed',sans-serif;
      letter-spacing: 0.05em;
      padding: 8px 0;
      text-align: center;
      text-transform: uppercase;
      width: 100%;
      margin:0;
    }
    .npp-img {
      height: 170px;
      text-align: center;
      width: 100%;
      margin-top:-2px;
    }
    .npp-img img {
      max-height: 160px;
      max-width: 160px;
    }
    .npp-info {
      display: none;
      font: 9pt/1.4rem 'Open Sans Condensed',sans-serif;
      height: 150px;
      padding: 5px 0 0 13px;
    }
    .npp-price {
      clear: both;
      font: bold 14pt/1.4rem 'Open Sans Condensed',sans-serif;
      margin-top: -15px;
      text-align: center;
      width: 100%;
    }
    .np-scroll {
      display: none;
      height: 495px;
      position: absolute;
      right: 16px;
      top: 0;
      width: 6px;
    }
    .nps {
      background: none repeat scroll 0 0 #e64c00;
      border-radius: 6px;
      height: 150px;
      position: relative;
      top: 0;
      width: 6px;
    }
    
    /*footer*/
    #footerc
    {
        background-color: #333;
    }

    #footer
    {
        color: #fff;
        margin: 0 auto;
        max-width: 1200px;
        width:1200px;
    }
    .call_share
    {
        border-bottom: 1px solid #232323;
    }
    .call
    {
        float: left;
        font-size: 1.4rem;
        padding: 18px 20px;
        width: 300px;
    }
    .call > span
    {
        color: #f50;
        font-size: 18px;
        font-weight: bold;
    }

    .share
    {
        display: table-cell;
        float: right;
        font-size: 1.4rem;
        height: 35px;
        line-height: 35px;
        padding: 18px 20px;
        text-align: right;
    }
    .share > a
    {
        color: #bbb;
        display: block;
        float: left;
        font-size: 12px;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
        text-transform: capitalize;
    }

    #footer > dl
    {
        border-top: 1px solid #3f3f3f;
        padding: 18px 20px;
        font-size: 1.2rem;
    }
    #footer > dl > dd
    {
        float: left;
        color: #a9a9a9;
        padding: 10px 0;
    }
    #footer > dl > dd:nth-of-type(1)
    {
        max-width: 300px;
        width: 25%;
    }
    #footer > dl > dd:nth-of-type(2)
    {
        max-width: 250px;
        width: 20.83%;
    }
    #footer > dl > dd:nth-of-type(3)
    {
        max-width: 160px;
        width: 13.333%;
    }
    #footer > dl > dd:nth-of-type(4)
    {
        max-width: 250px;
        width: 18%;
    }
    #footer > dl > dd:nth-of-type(5)
    {
        max-width: 300px;
        width: 20%;
    }
    #footer > dl > dd > h1
    {
        color: #fff;
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 1.8rem;
        text-transform: uppercase;
    }
    #footer > dl > dd a
    {
        color: #a9a9a9;
    }
    #footer > dl > dd a:hover
    {
        color: #f50;
    }
    #footer > dl > dd > p
    {
        padding: 5px 0;
    }

    #footer > dl > dd > ul
    {
        padding: 2px 20px 0 0;
    }
    #footer > dl > dd > ul > li
    {
        padding: 3px 0;
    }

    #footer > dl > dd:nth-of-type(5) > form
    {
        padding-top: 5px;
        width: 200px;
    }
    #footer > dl > dd:nth-of-type(5) > form input
    {
        background-color: #202020;
        border-style: none;
        height: 36px;
        margin-bottom: 16px;
        padding-left: 10px;
        width: 184px;
    }
    #footer > dl > dd:nth-of-type(5) > form input:focus
    {
        background-color: #000;
    }
    #footer > dl > dd:nth-of-type(5) button
    {
        background-color: #f50;
        border-radius: 5px;
        border-style: none;
        color: #fff;
        font-weight: bold;
        height: 30px;
        text-transform: uppercase;
        width: 80px;
    }
    #footer > dl > dd:nth-of-type(5) a
    {
        margin-left: 10px;
        color: #fff;
    }
}

.tophide {
  background-color:#272727;
  display: none;
  height: 81px;
  position: relative;
  text-align: center;
  width: 100%;
}
.th-inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.load-config, .searching, .viewed {
  display: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1000px;
}
.viewed {
  height: 120px;
}
.viewed dl, .viewed dd {
  float: left;
}
.viewed dd {
  height: 100px;
  margin: 0 5px;
  position: relative;
  width: 110px;
}
.viewed dd a {
  display: block;
  text-align: center;
}
.viewed dd a img {
  max-height: 90px;
  max-width: 90px;
}
input.th-input-style {
  background: none repeat scroll 0 0 #222;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6) inset;
  color: #ccc;
  font-size: 1.4rem;
  height: 31px;
  margin: 0 10px;
  padding: 5px 10px;
  width: 480px;
  vertical-align: middle;
}
span.th-close-btn {
  border-radius: 15px;
  box-shadow: 1px 1px 5px #000;
  cursor: pointer;
  font-size: 2rem;
  height: 23px;
  position: absolute;
  width: 23px;
  background:url("/ti/icons.png") no-repeat scroll -349px -35px #fff;
  margin-left:20px;
  margin-top:10px;
}
.th-close-btn:hover, .th-close-btn:active {
  background-color: #f50;
}
input.th-btn-style {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  height: 40px;
  text-transform: uppercase;
  vertical-align: middle;
  width: 90px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	
/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* theme: "minimal-yellow" */	
	.mCS-minimal-yellow.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #f50; background-color: rgba(255,85,0,1);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
		width:6px;
	}	
	.mCS-minimal-yellow.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-yellow.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #f50; background-color: rgba(255,85,0,1);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}
	.mCS-minimal-yellow .mCSB_draggerRail{ background-color: transparent; }
	.mCS-minimal-yellow.mCSB_inside > .mCSB_container{margin-right:0;}
	
  /*for imgs below footer*/
	body > img {
    display: none;
  }
  #h_shortcuts{padding: 3px 0;}
	/* ---------------------------------------- */