/* Minification failed. Returning unminified contents.
(5338,85): run-time error CSS1036: Expected expression, found ';'
 */

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("/Content/Dinhduongez/images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
    height: 46px;
 float:left;
 width:675px;
 background:url(/Content/Dinhduongez/images/bg-tab.png) no-repeat 0 3px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	/*margin: 1px .2em 0 0;*/
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
    width:225px !important;
}
    .ui-tabs .ui-tabs-nav li a:hover
    {
        color:#fff084 ;
    }
#tabs ul li a:hover
{
    background:url(/Content/Dinhduongez/images/hover-tab.png) no-repeat;

}
#tabs ul li:last-child a:hover
{
    background:url(/Content/Dinhduongez/images/hover-tab.png) no-repeat;
    width:212px;
}

.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 19px 0;
text-decoration: none;
text-transform: uppercase;
color: #f15a22;
text-align: center;
width: 100%;
color:#5a0c06;
font-family:Arial;
font-size:15px;
font-weight:bold;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
    color: #fff084;
    background:url(/Content/Dinhduongez/images/hover-tab.png) no-repeat;
    width:100% !important;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-active:last-child a
    {
        cursor: text;
    color: #fff084;
    background:url(/Content/Dinhduongez/images/hover-tab.png) no-repeat;
    width:212px !important;
    }

.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding-top: 1em;
    float: left;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	/*border: 1px solid #aaaaaa;
	background: #ffffff url(/Content/Dinhduongez/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
	color: white;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	
	color: #e7460a;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	
	/*background: #e6e6e6 url(/Content/Dinhduongez/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	/*border: 1px solid #999999;*/
	
	font-weight: normal;
	color: white;
    height: 50px;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: white;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	/*border: 1px solid #aaaaaa;
	background: #ffffff url(/Content/Dinhduongez/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
   
	font-weight: normal;
	color: white;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: white;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(/Content/Dinhduongez/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(/Content/Dinhduongez/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/Content/Dinhduongez/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(/Content/Dinhduongez/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(/Content/Dinhduongez/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}
/* thêm vào*/
.bg-1
{
    ;
    background:url(/Content/Dinhduongez/images/tab1.png) no-repeat;
    width:228px;
    height:50px;
}
.bg-2
{
   
    background:url(/Content/Dinhduongez/images/tab1.png) no-repeat;
       width:228px;
    height:50px;
}
.bg-3
{
    
    background:url(/Content/Dinhduongez/images/tab2.png) no-repeat;
       width:214px;
    height:50px;
}
#cate-home
{
    float:left;
    width:680px;
    margin-left: 20px;
}
.item-tab-pro
{
    float:left;
    text-align:center;
    width:160px;
    margin-bottom:20px;

}
    .item-tab-pro .name span
    {
        height: 32px;
float: left;
overflow: hidden;
width: 100%;
color: #dbad75;
padding: 5px 0;
float: left;
width: 95%;

    }
    .item-tab-pro .price-cate
    {
        float:left;
        text-align:center;
        width:95%;
    }
    .item-tab-pro .img img
    {
       
        vertical-align: middle;
max-width: 100%;
max-height: 99%;
height: 164px;
width:155px;
margin-bottom:4px;

    }
.bg-item
{
    float:left;
    background:#6c261a;
    width:98.4%;
    margin-left:3px;
    margin-top:2px;
    margin-bottom:30px;
    min-height:505px;
}
.bg-magrin
{margin-left:9px;
}

@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-moz-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeOut {
	0% {opacity: 1;}
	100% {opacity: 0;}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@-moz-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
}
@-o-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
}

@-moz-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
}

@-o-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
}

@-moz-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
}

@-o-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}
@-moz-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}
@-o-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}
@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}
	
	70% {
		-webkit-transform: scale(.9);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}
	
	70% {
		-moz-transform: scale(.9);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}
	
	70% {
		-o-transform: scale(.9);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.05);
	}
	
	70% {
		transform: scale(.9);
	}
	
	100% {
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
	}
	
	80% {
		-webkit-transform: translateY(10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes bounceInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
	}
	
	80% {
		-moz-transform: translateY(10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(-30px);
	}
	
	80% {
		-o-transform: translateY(10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(-30px);
	}
	
	80% {
		transform: translateY(10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
	}
	
	80% {
		-webkit-transform: translateY(-10px);
	}
	
	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes bounceInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateY(30px);
	}
	
	80% {
		-moz-transform: translateY(-10px);
	}
	
	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes bounceInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateY(30px);
	}
	
	80% {
		-o-transform: translateY(-10px);
	}
	
	100% {
		-o-transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateY(30px);
	}
	
	80% {
		transform: translateY(-10px);
	}
	
	100% {
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
	}
	
	80% {
		-webkit-transform: translateX(-10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(30px);
	}
	
	80% {
		-moz-transform: translateX(-10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(30px);
	}
	
	80% {
		-o-transform: translateX(-10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(30px);
	}
	
	80% {
		transform: translateX(-10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
	}
	
	80% {
		-webkit-transform: translateX(10px);
	}
	
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-moz-transform: translateX(-30px);
	}
	
	80% {
		-moz-transform: translateX(10px);
	}
	
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		-o-transform: translateX(-30px);
	}
	
	80% {
		-o-transform: translateX(10px);
	}
	
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	60% {
		opacity: 1;
		transform: translateX(-30px);
	}
	
	80% {
		transform: translateX(10px);
	}
	
	100% {
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
	}
	
	25% {
		-webkit-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}	
}

@-moz-keyframes bounceOut {
	0% {
		-moz-transform: scale(1);
	}
	
	25% {
		-moz-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-moz-transform: scale(.3);
	}	
}

@-o-keyframes bounceOut {
	0% {
		-o-transform: scale(1);
	}
	
	25% {
		-o-transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		-o-transform: scale(.3);
	}	
}

@keyframes bounceOut {
	0% {
		transform: scale(1);
	}
	
	25% {
		transform: scale(.95);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		opacity: 0;
		transform: scale(.3);
	}	
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}
}

@-moz-keyframes bounceOutUp {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}
}

@-o-keyframes bounceOutUp {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
	}
}

@-moz-keyframes bounceOutDown {
	0% {
		-moz-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateY(2000px);
	}
}

@-o-keyframes bounceOutDown {
	0% {
		-o-transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		transform: translateY(0);
	}
	
	20% {
		opacity: 1;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
}

@-moz-keyframes bounceOutLeft {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}
}

@-o-keyframes bounceOutLeft {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
}

@-moz-keyframes bounceOutRight {
	0% {
		-moz-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
}

@-o-keyframes bounceOutRight {
	0% {
		-o-transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		transform: translateX(0);
	}
	
	20% {
		opacity: 1;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 0;
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}

@-moz-keyframes rotateInDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}

@-o-keyframes rotateInDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownLeft {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownLeft {
	0% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: left bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutUpRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutUpRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOutDownRight {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOutDownRight {
	0% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: right bottom;
		-o-transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
	0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
	100% { -webkit-transform: translateY(700px); opacity: 0; }
}

@-moz-keyframes hinge {
	0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
	100% { -moz-transform: translateY(700px); opacity: 0; }
}

@-o-keyframes hinge {
	0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
	100% { -o-transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
	0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
	20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
	80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
	100% { transform: translateY(700px); opacity: 0; }
}

.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}

@-moz-keyframes rollIn {
	0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}

@-o-keyframes rollIn {
	0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
	0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
	100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}

.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
	}
}

@-moz-keyframes rollOut {
    0% {
		opacity: 1;
		-moz-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-moz-transform: translateX(100%) rotate(120deg);
	}
}

@-o-keyframes rollOut {
    0% {
		opacity: 1;
		-o-transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		-o-transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
    0% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}

    100% {
		opacity: 0;
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedIn {
	0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-moz-keyframes lightSpeedIn {
	0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@-o-keyframes lightSpeedIn {
	0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
	0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
	60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
	80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
	100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-moz-keyframes lightSpeedOut {
	0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@-o-keyframes lightSpeedOut {
	0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
	0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
	100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
    -webkit-animation-duration: 0.25s;
    -moz-animation-duration: 0.25s;
    -o-animation-duration: 0.25s;
    animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */

@-webkit-keyframes wiggle {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
	100% { -webkit-transform: skewX(0deg); }
}

@-moz-keyframes wiggle {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
	100% { -moz-transform: skewX(0deg); }
}

@-o-keyframes wiggle {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
	100% { -o-transform: skewX(0deg); }
}

@keyframes wiggle {
    0% { transform: skewX(9deg); }
    10% { transform: skewX(-8deg); }
    20% { transform: skewX(7deg); }
    30% { transform: skewX(-6deg); }
    40% { transform: skewX(5deg); }
    50% { transform: skewX(-4deg); }
    60% { transform: skewX(3deg); }
    70% { transform: skewX(-2deg); }
    80% { transform: skewX(1deg); }
    90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}

.wiggle {
    -webkit-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -o-animation-name: wiggle;
    animation-name: wiggle;

    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.animated.wiggle {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    -o-animation-duration: 0.75s;
    animation-duration: 0.75s;
}
.attachment-list
{
    margin:0;
    padding:0;
    list-style:none;
}
    .attachment-list li
    {
        padding:5px ;
    }
    .attachment-list li a
    {
        padding:5px 0 5px 20px;
        background: url(/Content/Dinhduongez/images/download-icon.png) 0 50% no-repeat;
        font-weight:700;
        font-size:0.9em;
        color:#008000;
    }
.banner-top-wrapper
{
    
    float:left;
    position:relative;

}
.banner-top
{
    height: 425px;
overflow: hidden;
position: relative;
float:left;
width:1000px;
background:url(/Content/Dinhduongez/images/bg-banner.png) no-repeat;
}
.title-banner
{
    float: left;
padding-left: 20px;
padding-top: 15px;
font-size: 20px;
font-weight: bold;
color: #2f1913;
/*font-family: Conv_UTM Swiss Condensed;*/
}
.banner-top a
    {
        padding:0;
    }
.banner-top img
    {
width: 802px;
height: 381px;
padding-top: 27px;
/*padding-left: 100px*/
    }
.banner-top .banner-item
{
    position:relative;
    margin-left:100px;
}
.banner-top .banner-item .banner-title
    {
      position: absolute;
bottom: 4px;
color: #FFFFFF;
min-width: 49%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 25px;
background: #000;
opacity: 0.6;
padding-left: 15px;
max-width:88%;
font-family:Tahoma;
    }
.banner-right
{
    width:100%;
    float:left;
    height:138px;
}
.banner-right .banner-right-item
{
    
}
.banner-right .banner-right-item img
{
    width:242px;
    height:138px;
}
.title-right-banner
{
     text-align: center;
font-size: 16px;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
background: #ff8400;
height: 32px;
color: white;
padding-top: 15PX;
float:left;
width:100%;
}
#slide_next1
{
    background:url(/Content/Dinhduongez/images/next1.png) no-repeat;
    height: 28px;
width: 120px;
position: relative;
z-index: 200;
cursor: pointer;
float: right;

}
#slide_prev1
{
    background:url(/Content/Dinhduongez/images/prev1.png) no-repeat;
    height: 28px;
width: 122px;
position: relative;
z-index: 200;
cursor: pointer;
float: left;


}

/* banner left*/
#games
{
  width: 938px !important;
height: 456px !important;
border: none;
margin-left: 26px;
margin-top: 29px;
float:left;
}
#banner-left
{
  width: 217px;
margin-left: 16px;
background: #480601;
padding-left: 3px;
padding-bottom:0.1px;
margin-bottom:20px;
}
 .header-ban
{

max-width: 220px;
background: url(/Content/Dinhduongez/images/uc.png) no-repeat;
margin-bottom:2px;
height:69px;
margin-left:16px;
}
.banner-left .banner-left-item
{
    max-width:300px;
    margin-bottom:3px;
}
.banner
{
    background:url(/Content/Dinhduongez/images/bg-banner.png) no-repeat 50%;
    height:355px;
}
#slide_next
{
    background:url(/Content/Dinhduongez/images/next.png) no-repeat;
    height: 38px;
width: 26px;
position: relative;
z-index: 200;
cursor: pointer;
float: right;
 margin-top:-220px;
 margin-right:40px;
}
#slide_prev
{
    background:url(/Content/Dinhduongez/images/prev.png) no-repeat;
    height: 38px;
width: 26px;
position: relative;
z-index: 200;
cursor: pointer;
float: left;
 margin-top:-220px;
 margin-left:40px;

}
/* banner center*/

.banner-center-wrapper
{
    float:left;
    margin-bottom:5px;
}
.banner-center-wrapper .cycle-slideshow
{
    background: url(/Content/Dinhduongez/images/bg-qt.png);
width: 242px;
height: 182px;
text-align: center;
vertical-align: middle;
line-height: 182px;
}
.banner-center-wrapper .cycle-slideshow img
{
  height: 175px;
width: 150px;
vertical-align: middle;
margin-left:48px;
}
.title-center-banner
{
text-align: center;
font-size: 15px;
text-transform: uppercase;
/*font-family: 'Conv_UTM HelvetIns';*/
font-weight: bold;
background: #ff8400;
height: 32px;
color: white;
padding-top: 8PX;
float: left;
width: 100%;
margin-top: 5px;
padding-bottom: 7px;
}
.breadcrumb
{
    padding: 5px 0;
    border: 1px solid #eee;
    background: white !important; /* Old browsers */
    background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 4%, #f4f4f4 7%, #f3f3f3 11%, #f3f3f3 93%, #ffffff 96%, #e3e3e3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(4%,#ffffff), color-stop(7%,#f4f4f4), color-stop(11%,#f3f3f3), color-stop(93%,#f3f3f3), color-stop(96%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3e3e3 0%,#ffffff 4%,#f4f4f4 7%,#f3f3f3 11%,#f3f3f3 93%,#ffffff 96%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e3e3e3 0%,#ffffff 4%,#f4f4f4 7%,#f3f3f3 11%,#f3f3f3 93%,#ffffff 96%,#e3e3e3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e3e3e3 0%,#ffffff 4%,#f4f4f4 7%,#f3f3f3 11%,#f3f3f3 93%,#ffffff 96%,#e3e3e3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e3e3e3 0%,#ffffff 4%,#f4f4f4 7%,#f3f3f3 11%,#f3f3f3 93%,#ffffff 96%,#e3e3e3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
    border-radius: 5px 5px;
}

    .breadcrumb ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .breadcrumb li
    {
        display: inline;
        background-image: url(/Content/Dinhduongez/images/nav-arrow-right.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 10px;
        padding-left: 3px;
      
    }

        .breadcrumb li span
        {
            padding: 0 3px;
            color:#333;
        }

        .breadcrumb li a
        {
            text-decoration: none;
            color: #31b63f;
            padding: 0 3px;
        }

            .breadcrumb li a:hover
            {
                text-decoration: underline;
            }

    .breadcrumb .home
    {
    }

    .breadcrumb .last
    {
        background: transparent;
    }

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


.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; margin-top:35px; }
.cs-buttons a {border-radius: 50%; margin-left: 5px; height: 7px; width: 7px; float: left; border: 1px solid #fff; background: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #111111 !important; 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;  display:none;}


.customer-slide
{
    width: 870px;
    height: 103px;
    padding: 10px 18px;
    float: left;
}

    .customer-slide ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    .customer-slide li
    {
        text-align: center;
        width: 150px;
        height: 87px;
        padding: 0;
        margin: 6px;
        display: block;
        float: left;
        padding:5px;
    }





        .customer-slide li.slide-item
        {
            border: 1px solid #eee;
            margin-right: 10px;
            height: 87px;
            line-height: 87px;
            vertical-align: middle;
            display: block;
            float: left;
        }

    .customer-slide .slide-item img
    {
        line-height: 87px;
        max-height: 87px;
        vertical-align: middle;
    }

a.prev
{
    background: url(/Content/Dinhduongez/images/slide-left.png) no-repeat 100% 50%;
    display: block;
    width: 18px;
    height: 123px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

a.next
{
    background: url(/Content/Dinhduongez/images/slide-right.png) no-repeat 100% 50%;
    display: block;
    width: 18px;
    height: 123px;
    float: left;
    cursor: pointer;
    font-size: 1px;
}

/*  Info
--------------------------------------------------------------------------------------*/
/*  Styles for Headscape CMS4
    Created by Ed Merritt
    18th October 2007
--------------------------------------------------------------------------------------*/
.dragRow td{background-color: #c5e480; }

/*  Structure
--------------------------------------------------------------------------------------*/
/** {font-size: 100%; margin: 0; padding: 0; line-height: 1.3em;}

body {position: relative; background: #E1E1E1; font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5e646b; text-align: center; padding-bottom: 20px;}*/
#container {display: block; margin: 0 auto; text-align: left; width: 78.5em;}
html { overflow-y: scroll;}

/*  Content
--------------------------------------------------------------------------------------*/

#content2 {position: relative; left: -4px; float: left; width: 100%; margin-top:10px; padding: 0 4px; background: #FFFFFF; border-top: 1px solid #c7c7c7;}
#content_left {float: left; width: 100%; padding: 0 4px; position: relative; left: -7px; background: url(/Content/Dinhduongez/img/content_left.png) top left repeat-y transparent;}
#content_right {float: left; width: 100%; padding: 0 4px; position: relative; left: 2px; background: url(/Content/Dinhduongez/img/content_right.png) top right repeat-y transparent; padding-top: 1.3em;}
.col01 {position: relative; float: left; width: 73.5em; margin: 0 0 1.5em 1.5em;}
#buttons + .col01 {margin-top: 4em;}
.col02 {position: relative; float: left; width: 48.5em; margin: 0 0 1.5em 1.5em;}
.col03 {position: relative; float: left; width: 23.5em; margin: 0 0 1.5em 1.5em;}

.page {position: relative; left: -7px; float: left; display: block; width: 76.5em; margin: 12px 0 2.3em 1.3em; background: url(/Content/Dinhduongez/img/page_side.gif) top left no-repeat #fff;}
.page_inner {float: left; display: block; width: 76.5em; background: url(/Content/Dinhduongez/img/page_side.gif) top right no-repeat;}
.page_top {position: relative; top: -12px; left: 0.5%; float: left; width: 99%; height: 12px; background: url(/Content/Dinhduongez/img/page.gif) top repeat-x transparent;}
.page_left {position: absolute; top: 0; left: -0.5%; display: block; width: 12px; height: 12px; background: url(/Content/Dinhduongez/img/page_left.png) top left repeat-x transparent;}
.page_right {position: absolute; top: 0; right: -0.5%; display: block; width: 12px; height: 12px; background: url(/Content/Dinhduongez/img/page_right.png) top right repeat-x transparent;}

.page_bottom {position: relative; top: 12px; left: 0.5%; float: left; width: 99%; height: 12px; background: #fff;}
.page_b_left {position: absolute; top: 0; left: -0.5%; display: block; width: 12px; height: 12px; background: url(/Content/Dinhduongez/img/page_b_left.png) top left repeat-x transparent;}
.page_b_right {position: absolute; top: 0; right: -0.5%; display: block; width: 12px; height: 12px; background: url(/Content/Dinhduongez/img/page_b_right.png) top right repeat-x transparent;}

.info {position: relative; left: -7px; float: left; width: 76.5em; margin: 0 0 1.3em 1.3em;}
.info_top {float: left; position: relative; left: 0.5%; float: left; width: 99%; height: 5px; background: #c4e9ff;}
.info_tl {position: absolute; left: -0.5%; display: block; width: 15px; height: 5px; background: url(/Content/Dinhduongez/img/info_tl.png) top left repeat-x transparent;}
.info_tr {position: absolute; right: -0.5%; display: block; width: 15px; height: 5px; background: url(/Content/Dinhduongez/img/info_tr.png) top right repeat-x transparent;}
.info_bot {float: left; position: relative; left: 0.5%; float: left; width: 99%; height: 5px; background: #c4e9ff;}
.info_bl {position: absolute; left: -0.5%; display: block; width: 15px; height: 5px; background: url(/Content/Dinhduongez/img/info_bl.png) top left repeat-x transparent;}
.info_br {position: absolute; right: -0.5%; display: block; width: 15px; height: 5px; background: url(/Content/Dinhduongez/img/info_br.png) top right repeat-x transparent;}
.infobox, .infocollapse {float: left; width: 70em; padding: 1em 1em 0 5.5em; background: #c4e9ff; color: #333;}
.i_error .infobox {background: url(/Content/Dinhduongez/img/i_error.gif) 12px 7px no-repeat #c4e9ff;}
.i_info .infobox {background: url(/Content/Dinhduongez/img/i_info.gif) 12px 7px no-repeat #c4e9ff;}
.infocollapse {background: url(/Content/Dinhduongez/img/i_info_mini.gif) 12px 0 no-repeat #c4e9ff;}
.infocollapse p {display: none;}
.infocollapse h3 {float: left; position: relative; top: -5px;} 

.col01 .info {margin-left: 0; width: 73.5em; left: 0;}
.col01 .infobox {width: 67em;}


/*  Footer
--------------------------------------------------------------------------------------*/
#footer {float: left; width: 100%; background: url(/Content/Dinhduongez/img/footer.png) bottom repeat-x transparent; margin-bottom: 20px;}
#footer_left {float: left; width: 100%; position: relative; left: -7px; background: url(/Content/Dinhduongez/img/footer_left.png) bottom left no-repeat transparent;}
#footer_right {float: left; width: 100%; position: relative; left: 14px; background: url(/Content/Dinhduongez/img/footer_right.png) bottom right no-repeat transparent; padding: 2em 0 2.3em 0;}

/*  Typography
--------------------------------------------------------------------------------------*/
h1 {font: 1.8em Arial, Helvetica, sans-serif; margin: 0 0 0.8em 0;}
h2 {font: bold 1.3em Arial, Helvetica, sans-serif; margin: 0 0 0.8em 0;}
p {margin-bottom: 1em;}
#footer p {margin: 0;}
/*a {color:#0049ac; text-decoration: none; border-bottom: 1px solid #c2c7c8; }*/
a.buttonclick {border-bottom: none;}
th a {color: #ffffff; border-bottom: none;}
a:hover {color: #000; border-color: #9fa5a6;}
#nav a {border-bottom: none;}
a:visited {}
.intro {float: left; position: relative; width: 71.5em; padding: 1em 1em 0 1em; background: #eee; margin-bottom: 1.3em; color: #333;}
.intro h3 {margin-bottom: 1em;}
.intro .introclose {float: right; position: relative; top: -3px; display: block; width: 19px; height: 19px; text-indent: -5000px; overflow: hidden; background: url(/Content/Dinhduongez/img/introexpand.gif) top right; border: none;}
.intro .introclose:hover {background-position: bottom right;}
.intro .introexpand {float: right; position: relative; top: -3px; display: block; width: 19px; height: 19px; text-indent: -5000px; overflow: hidden; background: url(/Content/Dinhduongez/img/introexpand.gif) top left; border: none;}
.intro .introexpand:hover {background-position: bottom left;}
.info .introclose {float: right; position: relative; top: -6px; display: block; width: 19px; height: 19px; text-indent: -5000px; overflow: hidden; background: url(/Content/Dinhduongez/img/infoexpand.png) top right; border: none;}
.info .introclose:hover {background-position: bottom right;}
.info .introexpand {float: right; position: relative; top: -6px; display: block; width: 19px; height: 19px; text-indent: -5000px; overflow: hidden; background: url(/Content/Dinhduongez/img/infoexpand.png) top left; border: none;}
.info .introexpand:hover {background-position: bottom left;}
.introclose span, .introexpand span {display: none;}
.intro .introclose:focus, .intro .introexpand:focus {outline: none;}
.intro {float: left; width: 71.5em; padding: 1em 1em 0 1em; background: #eee; margin-bottom: 1.3em; color: #333;}
.formpair2 dt .intro {position: relative; top: 1.3em; margin: 0;}
.page ul {margin: 0 0 1em 1.2em;} 
.page ol {margin: 0 0 1em 1.6em;}
.page ul ul, .page ol ul {margin: 0 0 0 1.2em; font-size: 0.95em;}
.page ul ol, .page ol ol {margin: 0 0 0 1.6em; font-size: 0.95em;}
.imgLeft {margin: 0 0.8em 0.8em 0; border: 1px solid #ddd; padding: 2px; border-right-color: #bbb; border-bottom-color: #bbb; background: #f6f6ec;}
.imgLeftWrap {float: left; margin: 0 0.8em 0.8em 0; border: 1px solid #ddd; padding: 2px; border-right-color: #bbb; border-bottom-color: #bbb; background: #f6f6ec;}
.imgRightWrap {float: right; margin: 0 0 0.8em 0.8em; border: 1px solid #ddd; padding: 2px; border-right-color: #bbb; border-bottom-color: #bbb; background: #f6f6ec;}
.imgLeft img, .imgLeftWrap img, .imgRightWrap img {padding: 0; margin: 0;}
.imgLeft p, .imgLeftWrap p, .imgRightWrap p {padding: 0.5em; margin-bottom: 0; color: #777; font-size: 0.95em;}


/*  Buttons
--------------------------------------------------------------------------------------*/
.button01 {position: relative; top: 0.5em; float: right !important; margin-left: 1.5em; margin-right: 0; background: url(/Content/Dinhduongez/img/button01_bot_left.gif) bottom left no-repeat; display: block; position: relative; width: 17.25em;}
.button01field {top: 0em; margin-left: 0em; float: left !important;}
.button01 input {background: url(/Content/Dinhduongez/img/button01_top_right.gif) top right no-repeat; border: none; color: #444; cursor: pointer; font-weight: bold; padding: 0.5em 0; width: 17.25em;}
.button01 input:hover {color: #000;}
.button01 .button01_right {position: absolute; bottom: 0; right: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: url(/Content/Dinhduongez/img/button01_bot_right.gif) 0 0;}
.button01 .button01_left {position: absolute; top: 0; left: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: url(/Content/Dinhduongez/img/button01_top_left.gif) top left;}
#buttons {float: left; display: block; width: 75em;}
#buttons .button01 {top: 0; background-image: url(/Content/Dinhduongez/img/button02_bot_left.gif);}

#top_buttons {position: absolute; top: 0;  display: block; width: 73.5em; float: left;}
#top_buttons .button01, #buttons .button01 {top: 0; background-image: url(/Content/Dinhduongez/img/button02_bot_left.gif); width: 11em;}
#buttons .button01 input, #top_buttons .button01 input {background-image: url(/Content/Dinhduongez/img/button02_top_right.gif); width: 11em;}
#buttons .button01 .button01_right, #top_buttons .button01 .button01_right {background-image: url(/Content/Dinhduongez/img/button02_bot_right.gif);}
#buttons .button01 .button01_left, #top_buttons .button01 .button01_left {background-image: url(/Content/Dinhduongez/img/button02_top_left.gif);}
.button_inline {float: left !important; top: 0; }
table .button01 {top: 0; margin-left: 0; margin-right: 0.7em;}

.wfIconAccept, .wfIconReject, .wfIconPreview {width: 3.2em !important; margin-left: 0.7em;}
.wfIconAccept input {width: 3.2em !important; background-image: url(/Content/Dinhduongez/img/wf_approve.gif) !important; text-indent: -9999px;}
.wfIconReject input {width: 3.2em !important; background-image: url(/Content/Dinhduongez/img/wf_reject.gif) !important; text-indent: -9999px;}
.wfIconPreview input {width: 3.2em !important; background-image: url(/Content/Dinhduongez/img/wf_preview.gif) !important; text-indent: -9999px;}

.move_up {display: block; float: left; width: 19px; height: 19px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.png) top left no-repeat; border: none;}
.move_down {display: block; float: left; width: 19px; height: 19px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.png) top right no-repeat; border: none;}
.move_up:hover {background-position: bottom left;}
.move_down:hover {background-position: bottom right;}
#ulsitemap .move_up {position: absolute; left: 0.5em;}
#ulsitemap .move_down {position: absolute; left: 0.5em;  margin-left: 19px;}
.move_drag {float: right;margin-left: 19px; width: 19px; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/dragmove.png) top right no-repeat; margin-top: 0.4em;}
#ulsitemap .move_drag {margin-top: 0;}
.has_js .move_drag {width: 16px !important;}
.has_js .move_drag {cursor: move;}

.sm_pub {position: absolute; top: 0.4em; right: 22px; display: block; width: 16px; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/pub.gif) top no-repeat; border: none;}
.notpub .sm_pub {background-position: bottom;}
.notpub a, .notpub a:visited, #ulsitemap .notpub dt a.accessdenied, #ulsitemap .notpub dt a.accessdenied:visited {color: #cb4646;}
#ulsitemap .notpub dt a.accessdenied:hover {color: #cb4646 !important; border-bottom: none !important; cursor: text !important;}

.notpub a:hover {color: #000;}
#ulsitemap .notpub dt a.accessdenied:hover {color: #cb4646;}
#ulsitemap dt a.accessdenied, #ulsitemap dt a.accessdenied:hover, #ulsitemap dt a.accessdenied:visited {color: #555; border: none;}

/*  Site Map
--------------------------------------------------------------------------------------*/
#ulsitemap dt, #sitemap_header dt, #ulsitemap dd, #sitemap_header dd {padding: 0.4em 0.5em;}
#ulsitemap dt, #sitemap_header dt {position: relative; width: 29em; text-indent: 16px; padding-right: 7em;}
.sm_type {width: 7.6em;}/*8.6em*/
.sm_desc {width: 14.5em;}/*15em*/
.sm_par {width: 6em;}
.sm_del {position: absolute; top: 0.4em; right: 43px; display: block; width: 16px; height: 16px; text-indent: -5000px;}
.sm_del a {position: absolute; top: 0; right: 0; display: block; width: 16px; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/sm_del.gif) bottom no-repeat; border: none;}
.sm_move {position: relative; width: 4.5em; /*width: 3em; background: url(/Content/Dinhduongez/img/move_bkg.gif) 0.5em 0.4em no-repeat;*/ min-height: 16px;}
.has_js .sm_move, .has_js .table_move {background: none !important;}
/*.has_js .move_up, .has_js .move_down {display: none !important;}*/
.sm_perm {width: 3.8em;}
.sm_perm + .sm_perm {width: 3em;}
.sm_shortdesc {width: 4.8em;}

#ulsitemap p {margin: 0;}
#ulsitemap dt span {display: none;}


#sitemap_header {float: left; display: block; background: url(/Content/Dinhduongez/img/table_header.gif) bottom left repeat-x #b8c0c0; color: #fff;}
#sitemap_header {clear: both;}
#sitemap_header dt, #sitemap_header dd {float: left; background: url(/Content/Dinhduongez/img/table_header.gif) bottom left repeat-x #b8c0c0; color: #fff; padding-top: 0.8em; padding-bottom: 0.7em;}
#sitemap_header dd {border-left: 1px solid #b8c0c0;}

#ulsitemap, #ulsitemap li, #ulsitemap ul {margin:0; font-size: 1em; clear:both; float:left; list-style-image:none; list-style-position:outside; list-style-type:none;width:73.5em;}
#ulsitemap dl {border-bottom:1px solid #EBEBEB; float:left; }
#ulsitemap dt, #ulsitemap dd {display:inline; float:left; }
#ulsitemap dd {border-left:1px solid #DDDDDD; }
#ulsitemap ul dt {text-indent: 32px; width:29em; }
#ulsitemap ul ul dt {text-indent: 48px; width:29em; }
#ulsitemap ul ul ul dt {text-indent: 64px; width:29em; }
#ulsitemap ul ul ul ul dt {text-indent: 80px; width:29em; }
#ulsitemap ul ul ul ul ul dt {text-indent: 96px; width:29em; }
#ulsitemap ul ul ul ul ul ul dt {text-indent: 112px; width:29em; }
#ulsitemap li:last-child {border-bottom: 1px solid #ccc; }
#ulsitemap ul li:last-child {border-bottom: none !important; }
#ulsitemap {border-bottom: 3px solid #ddd; }

#ulsitemap dt a {font-weight: bold;}
#ulsitemap ul dt a {font-weight: normal;}

#ulsitemap dl {background: none; float: left; border-bottom: 1px solid #ebebeb;}
#ulsitemap ul dl {background: #f3f3f3; border-bottom: 1px solid #e3e3e3;}
#ulsitemap ul ul dl {background: #ebebeb; border-bottom: 1px solid #e0e0e0;}
#ulsitemap ul ul ul dl {background: #e3e3e3; border-bottom: 1px solid #dbdbdb;}
#ulsitemap ul ul ul ul dl {background: #e0e0e0; border-bottom: 1px solid #d3d3d3;}

.has_js #ulsitemap li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 13px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 13px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 29px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 29px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 45px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 45px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 61px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 61px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li li li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 77px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li li li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 77px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li li li li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 93px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li li li li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 93px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li li li li li li li.parent_closed dt a span {position: absolute; top: 50%; left: 0; display: block; width: 109px; height: 2em; background: url(/Content/Dinhduongez/img/excol_closed.gif) right 55% no-repeat; margin-top: -1em;}
.has_js #ulsitemap li li li li li li li.parent_open dt a span {position: absolute; top: 50%; left: 0; display: block; width: 109px; height: 2em; background: url(/Content/Dinhduongez/img/excol_open.gif) right 55% no-repeat; margin-top: -1em;}

.has_js #ulsitemap li.parent_open ul li.parent_closed ul {display: none;}
.has_js #ulsitemap li.parent_open ul {display: block;}
.has_js #ulsitemap ul {display: none;}

.sm_par a {font-size: 0.8em;}
.sm_ac {position: absolute; top: 0.7em; right: 66px; display: block; height: 16px; border: none !important;font-style:normal;font-weight:normal !important;font-size:0.8em;}
.sm_ac * {font-weight:normal !important;}

.sm_draft {display: none;}
.approvalrequired .sm_draft {position: absolute; top: 0.4em; right: 3px; display: block; width: 16px; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/draft.gif) bottom no-repeat; border: none;}
.draftexists .sm_draft {position: absolute; top: 0.4em; right: 3px; display: block; width: 16px; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/draft.gif) top no-repeat; border: none;}

#sitemap a {cursor: pointer;}

dl#sitemap_header.urlpicker dt, #ajaxDialogContents dl#sitemap_header dt {width: 24em !important;}
dl#sitemap_header.urlpicker dd.sm_type, #ajaxDialogContents dl#sitemap_header dd.sm_type {width: 8em !important;}
dl#sitemap_header.urlpicker dd.sm_move, #ajaxDialogContents dl#sitemap_header dd.sm_move {width: 4em !important;}

ul.urlpicker li dt, #ajaxDialogContents ul li dt {width: 24em !important;}
ul.urlpicker li dt span, #ajaxDialogContents ul li dt span {display: none;}
ul.urlpicker li dt p, #ajaxDialogContents ul li dt p {margin: 0;}
ul.urlpicker li dd.sm_type, #ajaxDialogContents ul li dd.sm_type {width: 8em !important;}
ul.urlpicker li dd.sm_move, #ajaxDialogContents ul li dd.sm_move {width: 4em !important;}


/*  Site Map (Draggable)
--------------------------------------------------------------------------------------*/
#sitemap2 {}



/*  Page Menu & Tabs
--------------------------------------------------------------------------------------*/
.breadcrumbs {clear: both; margin-bottom: 1.5em;}
.breadcrumb.unsaved a {color:#F00;}
#unsaved_changes li,#unsaved_changes ul{list-style-type:disc !important;}
.page .page_menu {border-top: 1px solid #919d9d; border-bottom: 1px solid #919d9d; float: left; width: 100%; list-style: none; margin: 0 0 1.3em 0;}
.page .page_menu li {float: left;}
.page .page_menu a {float: left; border: none; padding: 0.6em 0.6em 0.7em; cursor: pointer;}
.page .page_menu a span {color: #CC0000; margin-left: -3px;}

.has_tabs .page_menu {border-top: none;}
.has_tabs .page_menu li {position: relative; top: 1px; margin-left: 2px; background: url(/Content/Dinhduongez/img/tab_l.gif) top left no-repeat #ddd; border-bottom: 2px solid #ccc; margin-bottom: 1px;}
.has_tabs .page_menu li:hover {background-color: #ccc; border-color: #bbb;}
.has_tabs .page_menu li.current {background: url(/Content/Dinhduongez/img/tab_current.gif) top left no-repeat transparent; border-bottom: none; margin-bottom: 0;}
.has_tabs .page_menu a {background: url(/Content/Dinhduongez/img/tab_r.gif) top right no-repeat; color: #444; padding: 0.5em 0.6em 5px 0.3em; margin-left: 0.3em;}
.has_tabs .page_menu a:hover {color: #000;}
.has_tabs .page_menu li.current a {background: url(/Content/Dinhduongez/img/tab_current.gif) top right no-repeat transparent; padding-bottom: 8px;}
.has_tabs .page_menu li.current a:hover {color: #444;}

.backtop {float: right;}
.has_tabs .backtop {display: none !important;}

.tip {position: absolute; top: 3px; right: -3px; display: block; width: 17px; height: 14px; background: url(/Content/Dinhduongez/img/tip_info.gif) right 0 no-repeat; cursor: help; z-index: 99;}
.formpair dt .tip span, .tip span {display: none;}
.formpair dt .tip:hover span, .tip:hover span, .tipHover span, .required dt .tipHover span {position: absolute; top: -3px; left: -18.5em; display: block; width: 15.5em; background: url(/Content/Dinhduongez/img/tip_info.gif) right -14px no-repeat; padding: 1em 2em 1em 1em; color: #333; margin-left: 17px; z-index:99;}
#menuoptions {position: absolute; top: 3.3em; right: -2.6em; display: block; width: 23px; height: 36px; background: url(/Content/Dinhduongez/img/menuoptions.gif) top right no-repeat; }
#menuoptions .tip {position: relative; margin: 7px 0 0 -3px;}
#menuoptions .tip span {width: 16.5em; left: -19.5em;}
#menuoptions .tip span input {position: relative; top: 2px;}

#holdingcontainer {float: left; clear: both; position: relative; width: 100%;}
.tabpage {float: left; width: 100%; background: url(/Content/Dinhduongez/img/tabpage.gif) bottom left repeat-x; border-bottom: 4px solid #e6e9e9; padding-bottom: 1.3em; margin-bottom: 1.3em; position: relative;}
.has_js .tabpage h2 {padding-left: 20px; background: url(/Content/Dinhduongez/img/collapsed.gif) 0 -93px no-repeat;}
.has_js .tabpage h2:hover {cursor: pointer;}
.has_tabs .tabpage {display: none;}
.has_tabs .current {display: block;}
.has_tabs .tabpage, has_tabs .tagpage div {position: absolute; top: -10000px; left: -10000px;}
.has_tabs .current {position: relative; top: 0px; left: 0px;}
.has_tabs .current h2 {padding-left: 0 !important; background: none !important;}

.has_js .collapsed_yes {padding: 0; margin: 0; border: none; background: none;}
.has_js .collapsed_yes h2 {padding-left: 20px; background: url(/Content/Dinhduongez/img/collapsed.gif) 0 5px no-repeat;}
.has_js .collapsed_yes .backtop {display: none;}
.has_js .collapsed_yes .formpair {position: absolute; top: -10000px; left: -10000px;}
.has_js .collapsed_yes .formpair2 {position: absolute; top: -10000px; left: -10000px;}
.has_tabs .collapsed_yes {padding: 0; margin: 0; border: none; background: none;}
.has_tabs .collapsed_yes h2 {padding-left: 20px; background: url(/Content/Dinhduongez/img/collapsed.gif) 0 5px no-repeat;}
.has_tabs .collapsed_yes .backtop {display: block;}
.has_tabs .collapsed_yes .formpair {position: relative;}
.has_tabs .collapsed_yes .formpair2 {position: relative;}

.hiddenhack {position: absolute; top: -10000px; left: -10000px;}

#tabsPrimary #tabsMore, #tabsAll .tabSecondary, #tabsAll #tabsLess {display: block;}
#tabsAll #tabsMore, #tabsPrimary .tabSecondary, #tabsPrimary #tabsLess {display: none;}
#tabsMore, #tabsLess {background: none; border: none;}
#tabsMore a, #tabsLess a {color: #888;}
#tabsMore a:hover, #tabsLess a:hover {color: #444;}
.has_tabs li.tabSecondary {background-color: #e7e7e7; border-color: #ddd;}

/*  Forms
--------------------------------------------------------------------------------------*/
.formpair, .formpair2 {float: left; width: 100%; border-top: 1px solid #dbdfdf; margin: 0; padding: 5px 0; z-index: 90;}
.formpair dt, .formpair2 dt {position: relative; float: left; width: 23.5em; margin-right: 1.45em;}
.formpair dt span, .formpair2 dt span {display: none;}
.required dt span {display: inline; color: #dd0000; margin-left: -3px;}
.formpair dd {float: left; width: 48.5em;}
.formpair2 dd {float: left; width: 100%; margin: 1.3em 0;}
.formpair2 dd ul {width: 75em;}
.formpair .inline_error {float: left; clear: both; width: 48.5em; margin-left: 25em;}
.formpair2 .inline_error {float: left; clear: both; width: 73.5em; margin-left: 0;}
.inline_error {width: 46.3em; padding: 0.2em 0; background: url(/Content/Dinhduongez/img/icon_error.gif) 3px 3px no-repeat #ffd9e3; color: #000; margin-top: 5px; text-indent: 22px;}

.tip {position: absolute; top: 3px; right: -3px; display: block; width: 17px; height: 14px; background: url(/Content/Dinhduongez/img/tip_info.gif) right 0 no-repeat; cursor: help; z-index: 99;}
.formpair dt .tip span, .tip span {display: none;}
.formpair dt .tip:hover span, .tip:hover span {position: absolute; top: -3px; left: -18.5em; display: block; width: 15.5em; background: url(/Content/Dinhduongez/img/tip_info.gif) right -14px no-repeat; padding: 1em 2em 1em 1em; color: #333; margin-left: 17px; z-index:99;}
#menuoptions {position: absolute; top: 3.3em; right: -2.6em; display: block; width: 23px; height: 36px; background: url(/Content/Dinhduongez/img/menuoptions.gif) top right no-repeat; }
#menuoptions .tip {position: relative; margin: 7px 0 0 -3px;}
#menuoptions .tip span {width: 16.5em; left: -19.5em;}
#menuoptions .tip span input {position: relative; top: 2px;}

.field, textarea {background: url(/Content/Dinhduongez/img/field.gif) top left no-repeat; width: 22.3em; padding: 0.2em 0.5em; border: 1px solid #919d9d; font: 1em Arial, Helvetica, sans-serif;}
textarea {width: 98%; height: 5em; font: 1em Arial, Helvetica, sans-serif;}
#ajaxDialogContents textarea { width: 95%;}
table textarea {width: 90%;}
.field:focus, textarea:focus {background: url(/Content/Dinhduongez/img/field_focus.gif) top left no-repeat;}
select {background: url(/Content/Dinhduongez/img/field.gif) top left no-repeat; width: 23.5em; padding: 0.2em 0.2em 0.2em 0.5em; border: 1px solid #919d9d; font: 1em Arial, Helvetica, sans-serif;}
select option {background: #fff; padding: 0 0.5em;}
select:focus {background: url(/Content/Dinhduongez/img/field_focus.gif) top left no-repeat;}

dd .field, dd select {float: left;}

.fieldInputMultiCheck {display: block; clear: both; padding-top: 3px;}
.fieldInputMultiCheck input {float: left; position: relative; top: 2px;} 
.fieldInputMultiCheck label {display: block; float: left; margin-left: 5px;}

.img_gallery {float: left; list-style: none; width: 50em;}
.img_gallery li {float: left;}
.img_thumb {float: left; display: block; height: 19em; width: 11em; margin-right: 1.5em; color: #333;}
.img_thumb div {display: block; width: 11em; height: 11em; border: 1px solid #999; margin: 0 0 0.3em 0;}
.img_thumb dt {font-weight: bold; margin: 0 0 0.3em 0;}
.img_thumb dt div.imageblock {background: rgb(247, 247, 247) no-repeat scroll 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;}
.img_thumb dd {font-size: 0.9em;}
.img_thumb a {clear: both;}
.img_thumb .sm_move {float: left; clear: both; position: relative; font-size: 1.1em; width: 11em; background: url(/Content/Dinhduongez/img/move_bkg.gif) 0 0.4em no-repeat; border: none; height: auto;}
.img_thumb .move_up {position: absolute; left: 0; top: 0.4em; display: block; width: 19px; height: 19px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move2.png) top left no-repeat; border: none;}
.img_thumb .move_down {position: absolute; left: 0; top: 0.4em; display: block; width: 19px; height: 19px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move2.png) top right  no-repeat; border: none; margin-left: 19px;}
.img_thumb .move_up:hover {background-position: bottom left;}
.img_thumb .move_down:hover {background-position: bottom right;}
.img_thumb .move_drag {float: right; display: none; width: 0; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.gif) top right no-repeat;}

/*  Tables
--------------------------------------------------------------------------------------*/
table {clear: both; font-size: 0.9em; border-bottom: 3px solid #ddd; margin-bottom: 1.3em;}
tr:last-child td {border-bottom: 1px solid #ccc;}
/*.altrow {background: #f0f0f0;}*/
td { padding: 0.4em 5px 0.3em 10px; border-right: 1px solid #ddd;}
td:last-child {border: none;}
th {background: url(/Content/Dinhduongez/img/table_header.gif) bottom left repeat-x #b8c0c0; color: #fff; border-right: 1px solid #b8c0c0; padding: 0.8em 5px 0.7em 10px;}
th:last-child {border: none;}
.lev01 {padding-left: 20px;}
.lev02 {padding-left: 40px;}
.lev03 {padding-left: 60px;}

table .img_thumb {width: 35px; height: 35px; margin: 0; border: 1px solid #fff;}
.table_move {float: left; position: relative !important; width: auto; min-height: 0; padding-left: 40px; background: url(/Content/Dinhduongez/img/move_bkg.gif) 0 50% no-repeat;}
.table_move .move_up {position: absolute; top: 50%; left: 0; display: block; width: 16px; height: 16px; margin-top: -8px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.gif) top left no-repeat; border: none;}
.table_move .move_down {position: absolute; top: 50%; left: 0; display: block; width: 16px; height: 16px; margin-top: -8px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.gif) top  no-repeat; border: none; margin-left: 16px;}
.table_move .move_up:hover {background-position: bottom left;}
.table_move .move_down:hover {background-position: bottom;}
.table_move .move_drag {float: right; display: block; width: 0; height: 16px; text-indent: -5000px; background: url(/Content/Dinhduongez/img/move.gif) top right no-repeat;}

table .draft {float: right; font-size: 0.9em; text-transform: uppercase; margin: 0.1em 0 0 2em; color: #ff0000;}

#calendar_head {position: relative; width: 100%; padding: 0.5em 0; text-align: center; font: bold 1.3em Arial, Helvetica, sans-serif; margin: 0 0 0.8em 0;background: url(/Content/Dinhduongez/img/table_header.gif) bottom left repeat-x #b8c0c0; color: #fff; margin: 0;}
#calendar_head a {font-size: 0.7em; color: #fff;}
#calendar_head a.prev {position: absolute; left: 2em; margin-top: 2px; white-space: nowrap;}
#calendar_head a.next {position: absolute; right: 2em; margin-top: 2px; white-space: nowrap;}
#calendar th {background: none; width: 14.285%; color: #000; padding: 0.4em 5px 0.3em 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ccc; text-align: center;}
#calendar th:last-child {border-right: none;}
#calendar td {padding: 0.1em 5px 0.1em 5px;}
#calendar td a {display: block; text-align: center; border: none; padding: 0.3em 0;}
#calendar a:hover {background: #eee;}
#calendar td table {border-bottom: none; margin-bottom: 0;}
#calendar td table td {border: none; color: #FFFFFF; font-size: 1.3em; font-weight: bold;}
#calendar .nextprev a {font-size: 1em; border-bottom: 1px solid #C2C7C8; padding: 0;}
#calendar .nextprev a:hover {border-bottom: #9FA5A6 !important; background: none !important;}

/*Special styles on a per field basic*/
.tdInner.MetaTag-General-Default {width: 350px !important}
.options-Value textarea {width: 200px !important; height: 200px !important;}
/*  Pagination
--------------------------------------------------------------------------------------*/
.pagination {position: relative; top: -0.6em; width: 73.5em !important; background: ; 
list-style: none; padding: 0.5em 0; margin: 0; text-align: center;
}
.pagination li {display: inline;}
.pagination a {border: none; padding: 0.5em 0.6em 5px 0.6em;}
.pagination a:hover {background: #eee;}
.pag_disable a, .pag_disable a:hover {color: #bbb; background: none !important; cursor: default;}
.pag_current a, .pag_current a:hover {color: #333; background: #fff; cursor: default;}

/*  Landing panels
--------------------------------------------------------------------------------------*/
.landingblock {float: left; display: block; list-style: none; margin: 0; width: 48.5em;}
.landingmodule {float: left; display: block; width: 20em; margin: 0 1em 1em 0; background: #eee; cursor: move;}
.lm_inner {position: relative; border: 1px solid #ccc; padding: 10px;}
.lm_inner:hover {border-color: #aaa;}
.lm_del {position: absolute; bottom: 10px; right: 10px;}
.lm01 {width: 15em;}
.lm02 {width: 31em;}
.lm03 {width: 47em;}
.actions {margin: 1em 0 1em 1em;}

/*  Dashboard
--------------------------------------------------------------------------------------*/
.dashboard {position: relative; background: #ddd; padding: 1em; margin-bottom: 2em; background: url(/Content/Dinhduongez/img/dash_tl.gif) top left no-repeat #ddd;}
.dash_tr {position: absolute; top: 0; right: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: url(/Content/Dinhduongez/img/dash_tr.gif) top right no-repeat;}
.dash_br {position: absolute; bottom: 0; right: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: url(/Content/Dinhduongez/img/dash_br.gif) bottom right no-repeat;}
.dash_bl {position: absolute; bottom: 0; left: 0; display: block; width: 5px; height: 5px; overflow: hidden; background: url(/Content/Dinhduongez/img/dash_bl.gif) bottom left no-repeat;}

.dashboard table {border: none; margin: 0;}
.dashboard th, .dashboard th a {background: none; border: none; padding-top: 0; color: #666;}
.dashboard td {background: #fff; border-color: #ddd; border-bottom: 1px solid #ddd; vertical-align: top; padding-bottom: 0.5em;}
.dashboard2 td {vertical-align: middle;}
.dashboard tr:last-child td {border-bottom: none;}

.dash_approved {color: #10ab00; padding-left: 32px; background: url(/Content/Dinhduongez/img/dash_approved.gif) 10px 5px no-repeat #fff !important;}
.dash_pending {color: #e48100; padding-left: 32px; background: url(/Content/Dinhduongez/img/dash_pending.gif) 10px 5px no-repeat #fff !important;}
.dash_rejected {color: #c50000; padding-left: 32px; background: url(/Content/Dinhduongez/img/dash_rejected.gif) 10px 5px no-repeat #fff !important;}
.dash_rejected span {display: block; padding: 1px 3px; color: #666; margin-top: 5px;}

.dash_1_6ths {width: 12em;}
.dash_2_6ths {width: 24em;}
.dashboard .wfMessage{ color: #5E646B; display: block; clear: left; background: #FCFAE2; padding: 2%; margin-top: 5px; }

/*  XStandard
--------------------------------------------------------------------------------------*/
.divInputXHTML {margin-top: -1.3em; display:block; position:static; width:100%; z-index:1;}
/*.clearBoth {clear:both; height:1px; overflow:hidden;}*/
.divInputXHTML object {width:100%; z-index:1; height:500px;}

/*  Popups
--------------------------------------------------------------------------------------

#ajaxContainer {display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; z-index: 100; background: url(/Content/Dinhduongez/img/popupbkg.png) repeat transparent;}
#popupbox {display: block; position: fixed; top: 168px; left: 50%; width: 48em; height: 29em; margin: 0 0 0 -25em; background: #fff; padding: 1em 1em 0 1em; text-align: left; color: #333; border: 0.5em solid #ccc; z-index: 100;}



/*  AJAX container
--------------------------------------------------------------------------------------*/
.ajaxContainer {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; text-align: center; background: url(/Content/Dinhduongez/img/popupbkg.png) repeat transparent; z-index: 1000;}
.ajaxContainer * { z-index: 1000 !important;}
.ajaxDialog {display: block; position: fixed; top: 50%; left: 50%; width: 48em; height: 40em; margin: -15.5em 0 0 -25em; background: #fff; padding: 1em 1em 0 1em; text-align: left; color: #333; border: 0.5em solid #ccc; z-index: 100;}
.ajaxDialogWide {display: block; position: fixed; top: 50%; left: 50%; width: 78em; height: 40em; margin: -20em 0 0 -40.5em; background: #fff; padding: 1em 1em 0 1em; text-align: left; color: #333; border: 0.5em solid #ccc; z-index: 100;}

#ajaxDialogContents {padding:8px 0 8px 8px;}
.ajaxDialogWide #ajaxDialogContents {padding:8px 0 8px 8px;}
#ajaxDialogContents .page {position: relative; top: -0.4em; height: 35em; background-image: none !important; width: 100%; margin: 0; overflow-y: auto; overflow-x: hidden;}
.ajaxDialogWide #ajaxDialogContents .page {position: relative; top: -0.4em; height: 35em; background-image: none !important; width: 100%; margin: 0; overflow-y: auto; overflow-x: hidden}

.ajaxDialogTitleBar {color:#FFF; background-color:#486CAE; border-top-color:#78A3F2; border-bottom-color:#000; border-left-color:#8094E0; border-top-color:#8094E0; border-right-color:#2040A0; border-width:2px; border-style:solid; padding:3px;}
.ajaxDialogTitleBar img {position:absolute; right:4px; opacity:0.75; -moz-opacity:0.75; border:none;}
.ajaxDialogTitleBar img:hover {opacity:1; -moz-opacity:1;}
.ajaxContainer .actionBar {position:absolute; bottom:10px; left:5px; background-image:none; background-color:Transparent; border:none;}
.ajaxContainer .actionBar input {background-image:none; background-color: ButtonFace; color:ButtonText; margin-left:3px; width:100px; border:outset 1px black;}
.ajaxContainer #pNavigation, .ajaxContainer #branding , .ajaxContainer .breadcrumbs, .ajaxContainer .documentNavDiv {display:none;}
.ajaxContainer .fieldError, .ajaxContainer  .fieldInformation {position:absolute; left:65%; width:32%; font-size:80%; padding:0px;}
#loginDialog .fieldError {position:absolute; width:270px; left:10px; z-index:9999;}
.ajaxDialogExpand {position:absolute; right:5px; bottom:5px; z-index:100002;}
.waiting * {cursor:wait !important;}
#ajaxIframe {position: absolute; left:-5000px;}
.close {position: absolute; top: 3px; right: 3px; display: block; width: 16px; height: 16px; background: url(/Content/Dinhduongez/img/close.gif) top no-repeat; text-indent: -5000px; border: none;}
.close:hover {background-position: bottom;}
.ajaxContainer table {margin-bottom: 1.3em;}
.ajaxContainer .col {width:48%;float:left;}



/*  Sitemap Ajax
--------------------------------------------------------------------------------------*/
#ajaxDialogContents {display: block; overflow: auto;}
#ajaxDialogContents .page .page_inner {background-image: none !important; width: 100%;}
#ajaxDialogContents .page .page_inner .col01 {background-image: none !important; width: 100%; margin: 0;}
#ajaxDialogContents #ulsitemap, #ajaxDialogContents #ulsitemap li:last-child {border-bottom: 0px !important;}
#ajaxDialogContents #ulsitemap dt, #ajaxDialogContents #sitemap_header dt {width: 26.5em;}
#ajaxDialogContents #ulsitemap ul dt {width: 25.5em;}
#ajaxDialogContents #ulsitemap ul ul dt {width: 24.5em;}
#ajaxDialogContents #ulsitemap ul ul ul dt {width: 23.5em;}
#ajaxDialogContents #ulsitemap ul ul ul ul dt {width: 22.5em;}
#ajaxDialogContents #ulsitemap ul ul ul ul ul dt {width: 21.5em;}
#ajaxDialogContents #ulsitemap ul ul ul ul ul ul dt {width: 20.5em;}
#ajaxDialogContents .intro {width: auto;}
#ajaxDialogContents #ulsitemap.urlpicker dt, #ajaxDialogContents #sitemap_header.urlpicker dt {width: 35.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul dt {width: 34.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul ul dt {width: 33.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul ul ul dt {width: 32.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul ul ul ul dt {width: 31.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul ul ul ul ul dt {width: 30.5em;}
#ajaxDialogContents #ulsitemap.urlpicker ul ul ul ul ul ul dt {width: 29.5em;}


.fieldPair {margin-bottom: 5px;}


#ajaxDialogContents #fieldWrapper_TextPage-Users .formpair dd, 
#ajaxDialogContents #fieldWrapper_TextPage-Roles .formpair dd {width: 49em;}

#TextPage-Users-qa select, #TextPage-Roles-qa select {margin-bottom: 5px;}
#TextPage-Users-qa table, #TextPage-Roles-qa table {position: relative; top: 4px;}
#TextPage-Users-qa input, #TextPage-Roles-qa input {margin: 0 2px 0 6px;}

#container_userpermissions, #container_rolepermissions {width: 74em; position: relative;}
#TextPage-Users-qa, #TextPage-Roles-qa {width: 74em; position: relative; margin-bottom: 10px;}
#TextPage-Users-qa .button01, #TextPage-Roles-qa .button01 {position: absolute; right: 0; top: 23px;}
#TextPage-Users-qa .button01 input, #TextPage-Roles-qa .button01 input {margin: 0;}

#ajaxDialogContents .backtop {display: none;}



/*  Site warning
--------------------------------------------------------------------------------------*/
.siteWarning {position: absolute; width: 100%; top: 0px; left: 0px; display: none;}
.siteWarningInner {border: solid 1px #FF0000; background-color: #FF8080; color: Black; padding: 3px; margin: 3px;}


/*  Form Reports
--------------------------------------------------------------------------------------*/
#ctl00_MainContent_pnlOut table {width: 100%;}

.fileselect {clear: both;}

.collapsed_yes .intro {display: none;}

/* Filters */
.filterPopup
{
    background-color:#EEE;
    position:absolute;margin-top:-3px;color:#444;border:solid 4px #888;width:auto !important;white-space:nowrap;right:20px; bottom: -20px; z-index:999999
}
.filterPopup table
{
    margin-bottom:0px !important;
}
.filterPopup table,.filterPopup td,.filterPopup tr
{
border:none !important;
}
.filterPopup button
{
	width:60px;margin:5px;
}
.filterImage, .filterActiveImage
{
	width:19px;height:19px;
	background-image:url('/Content/Dinhduongez/img/filter.gif');
	cursor:pointer;
}
.filterImage:hover
{
	background-position:0px 19px;
}

.filterActiveImage
{
	background-position:19px 0px;
}
.filterActiveImage:hover
{
	background-position:19px 19px;
}
.landingmoduleparent {outline:#444 solid 1px !important;position:relative;}
.landingblock {background-color:#FFF;padding-left:0px;margin:0px !important}
.landingBlockParent
{margin:0px;width:500px;}

.landingBlockParent > li
{
	list-style:none;float:left;padding:0px
}
.landingmoduleresizer{width:13px;height:13px;overflow:hidden;cursor:e-resize ;position:absolute;right:0px;bottom:0px;background-image:url(/Content/Dinhduongez/img/resize.gif);background-position:0px 0px;}
.landingmodule{margin-top:8px !important;margin-bottom:8px !important;margin-right:10px !important;}
.addModuleLink .actions
{list-style:none;position:absolute;z-index:99999999;background-color:#CCC;padding:5px;display:none}
.addModuleLink:hover .actions
{display:block;width:150px;z-index:999999999}
.addModuleLink
{width:30px;background-color:#CCC;position:absolute;right:0px;top:0px;z-index:9998;}
.landingModuleNewBlock
{
	padding:5px;clear:both;margin-left:13px;margin-top:0px;margin-bottom:15px;border:solid 1px #444;width:470px;min-height:70px
}
.landingModuleNewBlock li
{
	list-style:none;width:150px;float:left;margin:0px;padding:0px
}

.AuditInfo
{margin-top:-10px;margin-bottom:10px;text-align:right}

.time { width:50px; float:left; }



.mceLayout {width: 100% !important;}
.mceLayout iframe {height: 250px !important;}

.associationList tbody tr:hover, .associationList tbody tr.hover {cursor: row-resize; background: #eaf5ff;}
.associationList tbody tr.dragRow td {background: #dbeeff !important; padding-left: 10px; color: #222;}
.associationList tbody tr.dragRow td + td {padding-left: 15px;}
.associationList tbody tr.dragRow td + td + td {padding-left: 10px;}
/*#ulsitemap li:hover, #ulsitemap li.hover { cursor: row-resize; }*/

#sitemap_header { width:70em; }
#sitemap_header dt { width:66em; }
.sitemap_undo { float:right; }

#sitemap, #dragHelper {display: block; margin: 0; list-style: none;}
#dragHelper { background: #eee;}
#sitemap ul, #dragHelper ul {font-size: 1em; list-style: none;}
#sitemap li, #dragHelper li {display: block; width: 100%; display: block; clear: both; }
#sitemap dl, #dragHelper div {position: relative; display: block; height: 19px; border-top: 1px solid #eee; padding-top: 1px; background:#fff;}
#sitemap dt, #dragHelper dt {float: left; font-weight: bold; font-size: 1.1em; line-height: 1em; margin-left: 16px; padding: 0 0 0 1px;}
#sitemap dd, #dragHelper dd {float: left;}
#sitemap .sm2_actions, #dragHelper .sm2_actions {display: none; padding: 3px 2px 0 5px;}
#sitemap .sm2_status, #dragHelper .sm2_status {position: absolute; top: 3px; right: 0;}

#sitemap dl:hover dd, #sitemap dd:hover {display: block;}
#sitemap dd strong, #dragHelper dd strong {display: none;}
#sitemap a, #dragHelper a {border: none;}
#sitemap .sm2_expander, #dragHelper .sm2_expander {position: absolute; left: 0; top: 4px;}

#sitemap .sm2_liOpen, #dragHelper .sm2_liOpen {/*background: url(/Content/Dinhduongez/img/sm2_li.gif) left repeat-y;*/}
#sitemap .sm2_liOpen > dl > .sm2_expander, #dragHelper .sm2_liOpen > dl > .sm2_expander {display: block; width: 15px; height: 1em; background: url(/Content/Dinhduongez/img/excol_open.gif) 50% 50% no-repeat;}
#sitemap .sm2_liClosed > dl > .sm2_expander, #dragHelper .sm2_liClosed > dl > .sm2_expander {display: block; width: 15px; height: 1em; background: url(/Content/Dinhduongez/img/excol_closed.gif) 50% 50% no-repeat;}
#sitemap .sm2_liClosed ul, #dragHelper .sm2_liClosed ul {display: none;}

.sm2_move, .sm2_delete, .sm2_addChild, .sm2_pub, .sm2_workFlow {display: block; float: left; width: 16px; height: 16px; text-indent: -5000px; margin: 0 1px 0 0; background: url(/Content/Dinhduongez/img/sm2_move.png) top left no-repeat;}
.sm2_actions * {cursor: pointer;}
.sm2_pub, .sm2_workFlow {float: right; margin: 0 1px 0 0;}
.sm2_move {background-image: url(/Content/Dinhduongez/img/sm2_move.png);}
.sm2_delete {background-image: url(/Content/Dinhduongez/img/sm2_delete.png);}
.sm2_addChild {background-image: url(/Content/Dinhduongez/img/sm2_addChild.png);}
.sm2_pub {background-image: url(/Content/Dinhduongez/img/sm2_unpub.png);}
.sm2_workFlow {background-image: none;}

#sortHelper {height: 1px !important; background: #000; margin: 0 !important; padding: 0; position: relative; z-index: 100;}
#sortHelper + li {margin-top: 0;}

#dropMenu {background: #333; color:#eee; position:absolute; display:none; z-index:1000;}
#dropMenu ul {list-style:none; margin:0; padding:0; text-indent:0;}
#dropMenu li {margin:0; padding:5px 10px; width:100px; cursor:pointer; font-weight:bold;}

#sitemap .dropzone { height:6px; background-color:#fff; border-bottom:4px solid #fff; }
.droplinetabs{
overflow: hidden;
height:50px;
}

.droplinetabs ul{

margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}


.droplinetabs ul li a{
color: #fff;
font-weight: 100;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
display: inline-block;
padding :0 1.7px;
}
    .droplinetabs ul li a
    {
        padding:0 2px
    }
    .droplinetabs ul li a img
    {
        display:none;
    }
.droplinetabs a:link, .droplinetabs a::visited, .droplinetabs a:active{
color: white;
background:#ff6600;
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(/Content/Dinhduongez/rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs ul li a:hover, .droplinetabs ul li a.active
{
background-color: #ff6600; /*background color of tabs onMouseover*/
color: white;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0;
/*background: #c76023; sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{

padding-right: 8px;
margin: 0;
color:black;
font-weight:bold;
 /*sub menu background color */
}

.droplinetabs ul li ul li a span{
background: #c76023; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover, .droplinetabs ul li ul li a.active{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
 background:no-repeat;
 color:#FF6600;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_UTM Swiss Condensed';
	src: url('/Content/Dinhduongez/fonts/UTM Swiss Condensed.eot');
	src: local('UTM Swiss Condensed'),
         url('/Content/Dinhduongez/fonts/UTM Swiss Condensed.woff') format('woff'),
         url('/Content/Dinhduongez/fonts/UTM Swiss Condensed.ttf') format('truetype'),
         url('/Content/Dinhduongez/fonts/UTM Swiss Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/**@font-face {
	font-family: 'Myriad';
	src: url('/Content/Dinhduongez/fonts/MYRIADPRO-REGULAR.eot');
	src: local('MYRIADPRO-REGULAR'), 
         url('/Content/Dinhduongez/fonts/MYRIADPRO-REGULAR.eot') format('embedded-opentype'),
         url('/Content/Dinhduongez/fonts/MYRIADPRO-REGULAR.woff') format('woff'),
         url('/Content/Dinhduongez/fonts/MYRIADPRO-REGULAR.ttf') format('truetype'),
         url('/Content/Dinhduongez/fonts/MYRIADPRO-REGULAR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
 Generated by FG **/

/** Generated by FG **/
@font-face {
	font-family: 'Conv_UTM HelvetIns';
	src: url('/Content/Dinhduongez/fonts/UTM HelvetIns.eot');
	src: local('☺'), url('/Content/Dinhduongez/fonts/UTM HelvetIns.woff') format('woff'), url('/Content/Dinhduongez/fonts/UTM HelvetIns.ttf') format('truetype'), url('/Content/Dinhduongez/fonts/UTM HelvetIns.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}






footer {
    clear: both;
    font-size: .8em;
     background-position:center top;
     height:85px;
    

}
.footer-address
{
    color:#fff;
    padding-top:10px;
    font-size:12px;
     padding-left:20px;

} 
.footer-address a, .footer-address a:link, .footer-address a:visited, .footer-address a:hover
{
    color:#fff;
}
    .footer-address .company
    {
        font-size:1.2em;
        padding:5px 0;
        text-transform:uppercase;
        font-weight:700;
         color:#fff;
    }
.footer-address .address
{
    margin-bottom:2px;
    padding:0;
}
a.t
{
   background: url(/Content/Dinhduongez/images/t.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.f
{
   background: url(/Content/Dinhduongez/images/fb.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.y
{
   background: url(/Content/Dinhduongez/images/youtube.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.v
{
   background: url(/Content/Dinhduongez/images/Rss.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
.socle
{
    float:left;
   
     
}

a.f:hover
{
   background: url(/Content/Dinhduongez/images/fb1.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.y:HOVER
{
   background: url(/Content/Dinhduongez/images/youtube1.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.v:hover
{
   background: url(/Content/Dinhduongez/images/Rss1.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}
a.t:hover
{
   background: url(/Content/Dinhduongez/images/t1.png) no-repeat;
height: 38px;
width: 43px;
float: left;
}



.form
{
    float:right;
     width:680px;
}
form label
{
    display: inline-block;
    width: 82px;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 100;
    vertical-align: middle;
}

form input
{
    display: inline-block;
    width: 280px;
    font-family: sans-serif;
    font-size: 13px;
    padding: 5px;
    /*margin: 5px;*/
}

form textarea
{
    width: 100%;
    padding: 2px;
    margin: 2px;
    display: block;
}

form input[type=submit]
{
    font-size: 13px;
    background: none;
    margin: 0;
    color: #fff;
    background: #4C504C;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}
.from-contact
{
    margin-left: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-right:45px;
}
.submit-contact
{float: left;
margin-top: 110px;
margin-left: -621px;
}
form .text
{
    float:left;
    width:339px
}
form .context-c
{
    float:left;
    width:623px;
}
.title-c
{
    color:#f25f09;
    float:left;
    margin-left:30px;
    font-size:22px;
}

/*
998px grid system ~ Core CSS.
21 Columns ~ Margin left: 10px

Based on the simple grid system - http://www.webnicer.com/
by Jacek Ciolek

Created by the Grid System Generator - v1.00
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* clearfix */
.clearfix:after, .row:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, .row {display:inline-block;} /*Those two .clearfix have to be separate!)*/
.clearfix, .row {display:block;}

/* gridframework */
.row {float:right;}
.gu1 .row {width: 48px;}
.gu2 .row {width: 96px;}
.gu3 .row {width: 144px;}
.gu4 .row {width: 192px;}
.gu5 .row {width: 240px;}
.gu6 .row {width: 288px;}
.gu7 .row {width: 336px;}
.gu8 .row {width: 384px;}
.gu9 .row {width: 432px;}
.gu10 .row {width: 480px;}
.gu11 .row {width: 528px;}
.gu12 .row {width: 576px;}
.gu13 .row {width: 624px;}
.gu14 .row {width: 672px;}
.gu15 .row {width: 720px;}
.gu16 .row {width: 768px;}
.gu17 .row {width: 816px;}
.gu18 .row {width: 864px;}
.gu19 .row {width: 912px;}
.gu20 .row {width: 960px;}
.gu21 .row {width: 1008px;}

.col {padding-left:10px; float:left; position:relative;}
.gu1{width: 38px;}
.gu2{width: 86px;}
.gu3{width: 134px;}
.gu4{width: 182px;}
.gu5{width: 230px;}
.gu6{width: 278px;}
.gu7{width: 326px;}
.gu8{width: 374px;}
.gu9{width: 422px;}
.gu10{width: 470px;}
.gu11{width: 518px;}
.gu12{width: 566px;}
.gu13{width: 614px;}
.gu14{width: 662px;}
.gu15{width: 710px;}
.gu16{width: 758px;}
.gu17{width: 806px;}
.gu18{width: 854px;}
.gu19{width: 902px;}
.gu20{width: 950px;}
.gu21{width: 998px;}
.title
{
    text-align: center;
    text-transform: capitalize;
    /*background: url(/Content/Dinhduongez/images/title-bg.png) repeat-x 0 80%;*/
    margin-bottom: 10px;
     font-family:Conv_MyriadPro-Regular;
     font-size:26px;
     color:#f36d1e;
     margin-top:15px;
}

    .title span
    {
        padding: 1px 10px;
        background: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1em;
        color: #1D5A91;
    }
.home-intro
{
    padding:0 20px;
}
.home-intro .title
{
   font-family:'Conv_MyriadPro-Regular';
   color:#1f2223;
   font-size:20px;
   font-style:italic;
}
.home-intro .title span
{
   font-family:'Conv_MyriadPro-Regular';
   font-style:italic;
   color:#0b9e1c;
   background:none;
    font-size:23px;
    padding:0;
  
}
.home-intro .headline
{
    color: #4b4a4a;
font-size: 14px;
overflow: hidden;
height: 30px;
text-align: justify;
margin-bottom: 20px;
}
.home-news
{
     float: left;  
     margin-bottom:15px;
     width:705px;
     background:white;
     min-height:728px;
	
}
.last-box
{
        margin-right: 0;
        float: right;
    }

    .home-news:last-child
       {
       
    }

    .home-news .name
    {
        
        margin: 5px 0;
    }

    .home-news .image
    {
        width: 280px;
        height: 130px;
    }

    .home-news .headline
    {
        font-size: 12px;
        text-align: justify;
        height: 90px;
        overflow: hidden;
         font-family:Conv_MyriadPro-Regular;
         padding:0 15PX;
         margin-bottom:40px;
    }

    .home-news .more
    {
        font-size: 0.8em;
       
        text-decoration: underline;
        padding-bottom: 20px;
        padding-left:153px;
    }

        .home-news .more a
        {
           color: #00aeef;
font-size: 12px;
font-style: italic;
white-space: nowrap;
        }
.duongvien
{
    border:1px solid #fff;
    position:relative;
    top:-2px;
}
.home-sup
{
   width: 100%;
margin-bottom: 5px;
float: right;
background: white;

}
 .title-sup
{
  text-align: center;
font-size: 16px;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
background: #ff8400;
height: 32px;
color: white;
padding-top: 15PX;
}

.home-product
{
    margin-bottom: 20px;
   
}

.box-line
{
    float:right;
}
.hotline
{
font-size: 18px;
color: #000;
padding-left: 10px;
margin-bottom: 15px;
/*font-family: 'Conv_UTM Swiss Condensed';*/
font-weight: bold;
text-transform: uppercase;
padding-top: 15px;
}
.hotline span
{
font-size: 20px;
color: #31b63f;
margin-bottom: 15px;
/*font-family: 'Conv_UTM Swiss Condensed';*/
font-weight: bold;
text-transform: uppercase;
padding-top: 15px;
}
.sdt
{
    color:white;
    font-size:16px;
    font-family:'Myriad';
    position:relative;
top:4px;
}
.fh
{
    float:left;
    background:url(/Content/Dinhduongez/images/hotline.png) no-repeat;
    height:28px;
    
}
.spannub
{
    color:#006600;
    float:left;
    width:90px;
   font-weight:bold;
   margin-top:10px;
   margin-left:5px;
}
.spanhot
{
    color:#006600;
    float:left;
    font-weight:bold;
    text-transform:uppercase;
    margin-top:10px;
    margin-left:30px;
}
.spancon
{
    float:left;
    width:90px;
    margin-left:-46px;
    text-transform:uppercase;
}
.support-name
{
     display: block;
     padding-left: 25px;
     /*background:url(/Content/Dinhduongez/images/bg-c.png) no-repeat 10px 10px;*/
     color:#282828;
     font-family: 'arial';
     float:left;
     width:125px;
}

.support-info
{
    display: block;
    padding-left: 30px;
    color:#282828;
    font-weight:bold;
    margin-bottom:15px;
    font-family: arial;
    font-size: 13px;
}
.image
{
   margin-bottom:10px;
   margin-top:15px;
}
    .home-sup .image span
    {
        color:#206eb4;
        text-transform:uppercase;
        font-family:Arial;
        font-size:14px;
        font-weight:bold;
        padding-left:55px;
    }
/* online*/
.home-online
{
 font-size: 12px;
border: 1px solid #ccc;
margin-bottom: 15px;
float: left;
width: 99%
}
 .title-online
{
    color: #FFFFFF;
text-align: center;
font-size: 14px;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
margin-bottom: 2px;
background: #ff8400;
height: 26px;
padding-top: 11px;
padding-left: 12px;
float: left;
width: 95%;
}
.online
{
    padding-top:15px;
}
.online-label
{
color: #000;
font-weight: bold;
padding-left: 15px;
padding-bottom: 10px;
width: 50%;
float: left;
}
.online-number
{
   float: right;
width: 35%;
font-weight: bold;
color: #ff5a00;
}
#toltal-visitor
{
   
}
 /* copy riht*/
.copyright
{
color: #4edd5e;
font-size: 12PX;
float: right;
padding-right: 20px;
}
    .copyright a, .copyright a:link, .copyright a:visited, .copyright a:hover
    {
        color: #fff;
    }
.cart
{
    width:722px;

}
.cart-home a
{
    background:url(/Content/Dinhduongez/images/cart.png) no-repeat;
    float: right;
height: 20px;
width: 20px;
}
.sitemap
{
    float: right;
margin-top: -22px;
padding-right: 15px;
text-transform: uppercase;
    color:black;
    cursor:pointer;
     font-weight: bold;
}
.sitemap a
{
   

}
.both
{
    border-bottom: 1px solid #ccc;
clear: both;
margin-bottom:5px;
}
.home-service
{
    float:right;
    width:355px;
   
}
.home-karaoke
{
    float:left;
    width:355px;
    margin:0 10px;
}
.info-c
{
   float: left;
margin-left: 20px;
width: 700px;
border-bottom: 1px solid rgb(219, 98, 29);
margin-bottom: 20px;
}
.company-contact
{
    color: #F1730F;
font-size: 22px;
margin-bottom: 5px;
}
.test-c
{margin-bottom: 5px;
float: left;
width: 100%;
}
.address-contact
{
    margin-bottom:5px;
}

/* moi them vao*/

#cate-home
{
    float:left;
    width:680px;
    margin-left: 20px;
}
div.cate
{
   float: left;
width: 730px;
}
span.catename
{
    float: left;
color: #2f1913;
font-size: 13px;
text-transform: uppercase;
background: #ccbfb4;
padding: 10px;
/*font-family: Conv_UTM Swiss Condensed;*/
z-index: 100;
position: relative;
font-weight:bold;
}
span.note
{
     border-top: 1px dashed #2f1913;
float: left;
width: 730px;
height: 1px;
margin-top:-7px
}
.product-cate
{
    float:left;
    width:182px;
   
}

 .product-cate .product-line-cate
    {
        margin: 15px 0;
    }

 .product-cate .product-item-cate
    {
        display: inline-block;
        text-align: center;
        float: left;
        margin-left: 5px;
        width:161px;
    }
 .product-cate .product-item-cate:last-child
    {
        margin-right: 0;
    }

    .product-cate .product-item-cate .name-cate
    {
        padding: 5px 0;
        font-size: 13px;
        font-weight: 700;
        float:left;
        width:100%;
        text-align:center;
    }

    .product-cate .product-item-cate .name-cate a
        {
            height: 32px;
            float: left;
            overflow: hidden;
            width:100%;
            color:#dbad75;
        }

    .product-cate .product-item-cate .code-cate span
    {
       
        font-size: 12px;
color: #fa0000;
font-family: Arial;
    }

    .product-cate .product-item-cate .price-cate span
    {
       
        font-size: 12px;
        color: #fff;
        font-family: arial;

        
    }
    .product-cate .product-item-cate .img-cate
    {
        padding: 2px;
        width: 95%;
        height: 255px;
        text-align: center;
        vertical-align: middle;
        padding: 2px 0;
        overflow: hidden;
        margin: 0 auto;
    }
    .product-cate .product-item-cate .img-cate:hover
        {
            
           
        }
    .product-cate .product-item-cate .img-cate img
        {
            vertical-align: middle;
            max-width: 100%;
            max-height: 99%;
            height: 164px;
            margin-bottom: 4px;
        }
    .product-cate .product-item-cate .img-cate .price-cate
    {
        height: 14px;
float: left;
width: 100%;
    }
a.view
{
    float: right;
margin-top: -22px;
color: #6d5b4c !important;
font-size: 12PX;
text-transform: uppercase;
font-weight: bold;
}

.flash-center
{
    height: 270px;
float: left;
width: 100%;
margin-top: 10px;
}
.newproduct
{
    background:url(/Content/Dinhduongez/images/SP.png) no-repeat 7px 3px;
    height:20px;
    float: left;
width: 100%;
margin-bottom: 9px;
}
a.viewall
{
   color: #ff6f6a !important;
font-size: 11px;
font-style: italic;
text-decoration: underline;
font-weight: bold;
padding-right:12px;
float:right;
margin-top:-19px;
}
.title-video
{
    color: #206eb4;
text-align: center;
font-size: 14px;
text-transform: uppercase;
font-family: Arial;
font-weight: bold;
margin-bottom: 2px;
background: url(/Content/Dinhduongez/images/h.png) no-repeat;
height: 23px;
padding-top: 7px;
float:left;
width:100%;
}
.box-video
{
    border: 1px solid #ccc;
    float:left;
    width:99%;
    margin-bottom:15px;
}
.box-video .description
{
    padding-top:20px;
}
.box-video .name
{
    text-align: center;
padding-bottom: 15px;
padding-top: 10px;
color: #000;
padding-right: 5px;
padding-left: 5px;
font-family:Arial;
}
.video-item
{
    width: 180px;
    float: left;
    margin-top: 20px;
    height: 155px;
    margin-bottom: 10px;
}
.video-item .img
{
    text-align:center;
}
.video-item .img img
{
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:5px;
}
.video-item .name
{
    text-align:center;
    padding:0 10px;
    text-transform: capitalize;
color: black;
font-weight: bold;
}
.linkview
{
    float: right;
padding-right: 20px;
margin-top: -24px;
color: orange !important;
}
.dif
{
    color: #ff5a00;
font-size: 22px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}
.date
{
    font-style: italic;
color: #979797;
}
.simply-scroll-container
{
    position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip
{
    position: relative;
    overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list
{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .simply-scroll-list li
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .simply-scroll-list li img
        {
            border: none;
            display: block;
        }

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn
{
    position: absolute;
    background-image: url(/Content/Dinhduongez/buttons.png);
    width: 42px;
    height: 44px;
    z-index: 3;
    cursor: pointer;
}

.simply-scroll-btn-left
{
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px;
}

    .simply-scroll-btn-left.disabled
    {
        background-position: 0 0 !important;
    }

    .simply-scroll-btn-left:hover
    {
        background-position: 0 -88px;
    }

.simply-scroll-btn-right
{
    right: 6px;
    bottom: 6px;
    background-position: 84px -44px;
}

    .simply-scroll-btn-right.disabled
    {
        background-position: 84px 0 !important;
    }

    .simply-scroll-btn-right:hover
    {
        background-position: 84px -88px;
    }

.simply-scroll-btn-up
{
    right: 6px;
    top: 6px;
    background-position: -126px -44px;
}

    .simply-scroll-btn-up.disabled
    {
        background-position: -126px 0 !important;
    }

    .simply-scroll-btn-up:hover
    {
        background-position: -126px -88px;
    }

.simply-scroll-btn-down
{
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px;
}

    .simply-scroll-btn-down.disabled
    {
        background-position: -42px 0 !important;
    }

    .simply-scroll-btn-down:hover
    {
        background-position: -42px -88px;
    }

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert
{
    width: 200px;
    max-height: 330px;
    margin-bottom: 1.5em;
}

    /* Clip DIV */
    .vert .simply-scroll-clip
    {
        width: 200px;
        max-height: 330px;
    }

    /* Explicitly set height/width of each list item */
    .vert .simply-scroll-list li
    {
        width: 200px;
        height: 100px;
        margin-bottom: 10px;
    }

    /* Modified button positions, overriding previous styles */
    .vert .simply-scroll-btn-up
    {
        right: 0;
        top: 0;
    }

    .vert .simply-scroll-btn-down
    {
        right: 0;
        top: 52px;
    }

.language-box
{
  
position: relative;
z-index: 101;
margin-top:-105px;
}
.language-box a
{
   
padding: 2px;
margin-right: 5px;
font-size: 11px;
width: 20px;
float: left;
text-align: center;
}

.sl
{float: left;
color: #b9a38f;
padding-right: 10px;
}

/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(/Content/Dinhduongez/images/close.png) url(/Content/Dinhduongez/images/loading.gif) url(/Content/Dinhduongez/images/prev.png) url(/Content/Dinhduongez/images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/Content/Dinhduongez/images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(/Content/Dinhduongez/images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(/Content/Dinhduongez/images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #bbbbbb;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/Content/Dinhduongez/images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.menu-bottom
{
   height: 20px;
float: left;
width: 73%;
list-style-type:none;
margin-top:25px;
}
.menu-bottom ul 
{
    list-style:none;
    padding:0;
    height:20px;

}
.menu-bottom li
{
    float:left;
    padding:0 1.24px;
}
.menu-bottom li a
{
     font-size: 12px;
color: white;
padding: 0 5px;
}
.menu-bottom .g
{
    font-weight:bold;
    color:#8c8c8c;
}
.menu-bottom li a:hover, .actives a
    {
        color:black !important;
    
    }


.line-bottom
{
    background: url(/Content/Dinhduongez/images/line.png) no-repeat;
    height: 12px;
    width: 1px;
    margin-top:2px;
}

.menu-top
{
    /*background:url(c:/content/images/header-bg.png) repeat-x;*/
    position: relative;
}


.menu-top .menu
{
    height: 34px;
    vertical-align: middle;
    float: left;
    width: 100%;
    background: url(/Content/Dinhduongez/images/bg-menu.png);
}

.menu-top ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    .menu-top ul li
    {
        display: block;
        float: left;
        line-height: 34px;
        position: relative;
    }

        .menu-top ul li a
        {
            color: #31b63f;
            font-family: Arial;
            text-transform: uppercase;
            padding: 0 24.5px;
            font-size: 13px;
            float: left;
            font-weight: bold;
        }

.menu-top .menu li a:hover
{
}

.menu-top .menu li a:hover
{
    background: url(/Content/Dinhduongez/images/hove-menu.png);
    color: white !important;
}

.menu-top ul li a img
{
    vertical-align: middle;
}

header ul.dropdown
{
    display: none;
    top: 100%;
    left: 0;
    border-width: 0 1px 1px;
    position: absolute;
    background: #EBEBEB;
    min-width: 180px;
    z-index: 1000;
    width: 100%;
}

    header ul.dropdown li
    {
        display: block;
        float: left;
        margin-right: 0;
        line-height: normal;
        position: relative;
        border-bottom: solid 1px #31b63f;
        width: 100%;
        height: 25px;
    }

        header ul.dropdown li:hover
        {
            background: url(/Content/Dinhduongez/images/hove-menu.png);
            color: white;
        }

ul.dropdown li a:hover
{
    color: white;
}

header ul.dropdown li:last-child
{
    border-bottom: none;
}

header ul.dropdown li a
{
    color: #000;
    font-weight: 100;
    padding: 5px;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 0;
    display: block;
    font-size: 12px;
}

.sub-mn-level
{
    float: left;
    top: -26px;
    background: #ccc;
    left: 100%;
    width: 190px;
}

.line-menu
{
    background: url(/Content/Dinhduongez/images/line.png) no-repeat;
    height: 38px;
    width: 2px;
}

    .line-menu:last-child
    {
    }

/*c22*/

.menu-top1
{
    height: 25px;
}

    .menu-top1 .menu
    {
        height: 25px;
        vertical-align: middle;
        float: right;
    }

    .menu-top1 ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .menu-top1 ul li
        {
            display: block;
            float: left;
            padding: 0 7px;
            line-height: 25px;
            position: relative;
        }

            .menu-top1 ul li a
            {
                color: #006600;
                font-weight: 700;
                text-decoration: none;
                font-size: 12px;
                display: inline-block;
            }

                .menu-top1 ul li a:last-child
                {
                }

                .menu-top1 ul li a:hover, .menu-top ul li a.active
                {
                    /*background:#ff6600;*/
                }

                .menu-top1 ul li a img
                {
                    vertical-align: middle;
                }

.cartto
{
    float: left;
    width: 51px;
    height: 38px;
}

    .cartto .a
    {
        float: left;
        background: url(/Content/Dinhduongez/images/home.jpg) no-repeat;
        height: 38px;
        width: 51px;
    }

.menu-top a
{
 white-space: nowrap;
}
#nav
{
    
    
    font-size: 13px;
    background:#31b540;
}

    #nav ul
    {
        margin: 0px;
        padding: 0px;
    }

    #nav li
    {
        list-style: none;
        margin: 0 auto;
       
    }
        #nav li:first-child
        {border-top: none;
        }
ul.top-level
{
   
    width:242px;
   

}

    ul.top-level li
    {
        /*border: #FF0000 solid;
        border-width: 1px;
        border-bottom: 1px solid #90bade;*/
    }

#nav .top-level li a
{
 color: white;
cursor: pointer;
display: block;
height: 35px;
line-height: 35px;
text-decoration: none;
padding-left: 25px;
background: url(/Content/Dinhduongez/images/db.png) no-repeat 25px 33px;
text-transform: uppercase;
width: 210px;
font-size: 12px;

}
    #nav .top-level li a:first-child
    {
        border-top:none
    }
    #nav .top-level li a:hover
    {
        
        color:white;
        background: url(/Content/Dinhduongez/images/db.png) no-repeat 25px 33px;
       
        
    }

#nav li:hover
{
    position: relative;
}

#nav ul.sub-level
{
    display: none;
    position: absolute;
/*left: 100%;
top: 0;*/
 background:#32762e;
z-index:100;
margin-left:18px;
}


    #nav ul.sub-level li
    {
       
        float: left;
        width: 200px;
    }

#nav .sub-level
{
   
}

#nav .sub-level li a
{
  
   font-weight:normal;
   text-transform:uppercase;
   background:none;
   
}
    #nav .sub-level li a:hover
    {
       
        font-weight:normal;
        background: none !important;
    }
.box
{
   
    padding-bottom:20px;
}
.box-header
{
  
   
    font-size: 20px;
    background:#07944B /*url(/Content/Dinhduongez/images/category.png) no-repeat*/;
    height:48px;
   
}
.box-header span
    {
         display:block;
         padding-bottom:15px;
         font-weight: 700;
         text-transform:uppercase;
         color: #2f1913;
         /*font-family:Conv_UTM Swiss Condensed;*/
         font-size: 15px;
color: white;
padding-top: 15px;
padding-left: 25px;
    }
.footer-left
{
    background: url(/Content/Dinhduongez/images/footer-left.png) no-repeat;
float: left;
height: 5px;
width: 100%;
margin-left: 16px;
}
/* thêm css*/
.box-content-mn
{   
 background:url(/Content/Dinhduongez/images/bg-cate.png) repeat-y;
}
.box-content-mn .grey
{   
 list-style-type:none;
}
.box-content-mn .grey ul
{   
 padding:0;
  list-style-type:none;
  margin:0;
}
.box-content-mn .grey ul li
{   
    line-height: 40px;
    background: url(/Content/Dinhduongez/images/db.png) no-repeat 25px 38px;
}
.box-content-mn .grey ul li a
{   
 color: white;
font-size: 12px;
font-family: Arial, tahoma;
text-transform: uppercase;
background: none;
padding-left: 25px;
cursor:pointer;
}
    .box-content-mn .grey ul li:last-child
    {
        background:none;
    }
/*nhóm con*/

.sub-level
{
    background:#32762e;

}
    .sub-level li
    {
        padding-left:38px;
        
    }
   
.news-list
{
}

    .news-list .news-item
    {
        padding: 10px 0;
        display: inline-block;
        width: 100%;
    }

        .news-list .news-item .img
        {
            float: left;
            border: 1px solid #ccc;
            margin: 0px 10px;
        }

            .news-list .news-item .img img
            {
                float: left;
                width: 115px;
                height: 105px;
            }

        .news-list .news-item .name
        {
            /*padding-left:170px;
       font-weight:700;*/
            padding-bottom: 10px;
            font-size: 16px;
            font-weight: bold;
        }

            .news-list .news-item .name a
            {
            }
/*news 2*/
.title-news2
{
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Conv_UTM Swiss Condensed';
    font-weight: bold;
    margin-bottom: 2px;
    background: url(/Content/Dinhduongez/images/bg-nave.png) repeat-x;
    height: 35px;
    padding-top: 12px;
    padding-left: 12px;
}

    .title-news2 span
    {
    }

.news-list2
{
   background:white;
    

}

    .news-list2 .news-item2
    {
        
        /*border: 1px solid #f0eede;*/
      
        padding-bottom:12px;
        float:left;
        width:375px;
        margin-right:25px;
    }

        .news-list2 .news-item2 .img
        {
            width: 348px;
            text-align: center;
            vertical-align: middle;
            border: 1px solid #ccc;
            float: left;
            margin-left: 15px;
            height: 165px;
        }

       

        .news-list2 .news-item2 .img img
        {
        }

        .news-list2 .news-item2 .name
        {
            /*padding-left:170px;
       font-weight:700;*/
            padding-bottom: 10px;
            font-size: 14px;
            font-weight: bold;
        }

        .news-list2 .news-item2 .name2
        {
            
          
            padding-left: 15px;
            padding-bottom: 10px;
        }
        .news-list2 .news-item2 .name2 a
        {
            color: #0f6d1a;
            font-size: 18px;
        }

        .news-list2 .news-item2 .headline
        {
            height: 47px;
            padding: 5px 15px;
            padding-right: 10px;
            overflow: hidden;
            font-size:15px;
            color:#2d6613;
            padding-top:0;
            margin-bottom:15px;
            float:left;
            margin-top:10px;
        }
        .news-list2 .news-item2 .more
        {
           
            float:left;
            padding:0;
        }
         .news-list2 .news-item2 .more a
        {
            background: url(/Content/Dinhduongez/images/view.png) no-repeat;
            color: white;
            font-weight: bold;
            text-transform: uppercase;
            float: left;
            padding: 7px;
            font-style: normal;
            margin-left: 15px;
       
            
        }
.name_other a{

color:#016FD1 !important;
}

.news-list .news-item .headline
{
    height: 75px;
    font-size: 12px;
    overflow: hidden;
}
/*detail*/
.news-detail
{
   float: right;
width: 675px;
margin-bottom: 20px;
padding-right: 20px;
}

    .news-detail .name
    {
        color: #f25f09;
    }

    .news-detail .headline
    {
        font-weight: 700;
        margin-bottom: 10px;
    }

    .news-detail .date
    {
        font-weight: 100;
        font-size: 0.8em;
        font-style: italic;
        margin-bottom: 10px;
    }

    .news-detail .image
    {
        text-align: center;
        max-width: 100%;
    }

.product-list
{
}

    .product-list .product-line
    {
        margin: 15px 0;
    }

    .product-list .product-item
    {
        display: inline-block;
        text-align: center;
        float: left;
        margin-left: 5px;
    }

        .product-list .product-item .ShortDecs
        {
            text-align: left;
            color: #000;
        }

    .product-list .last-box
    {
    }

    .product-list .product-item:last-child
    {
        margin-right: 0;
    }

    .product-list .product-item .name
    {
        text-align: left;
        color: #FF5200;
        margin-bottom: 10px;
        font-size: 17px;
    }

        .product-list .product-item .name a
        {
            float: left;
            overflow: hidden;
            width: 100%;
            color: #e3451b;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 12px;
        }

    .product-list .product-item .code span
    {
        font-size: 12px;
        color: #fa0000;
        font-family: Arial;
    }

    .product-list .product-item .price
    {
        padding-left: 10px;
        float: left;
        color: #005aab;
        font-weight: bold;
        padding-right: 15px;
    }

    .product-list .product-item .area
    {
        float: left;
        padding-right: 15px;
        text-align: left;
        color: #005aab;
        font-weight: bold;
    }

    .product-list .product-item .provi
    {
        float: left;
        text-align: left;
        color: #005aab;
        font-weight: bold;
    }

    .product-list .product-item .more
    {
        float: left;
        padding-left: 45px;
        margin-top: 5px;
    }

        .product-list .product-item .more a
        {
            color: white;
            float: left;
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 5px;
            background: #535252;
        }

    .product-list .product-item .add
    {
        padding-left: 15px;
        float: left;
        margin-top: 5px;
    }

        .product-list .product-item .add a
        {
            color: white;
            float: left;
            border: 1px solid #ccc;
            padding: 7px;
            border-radius: 5px;
            background: #535252;
        }

    .product-list .product-item .img
    {
        height: 125px;
        text-align: center;
        vertical-align: middle;
        padding: 2px 0;
        overflow: hidden;
        margin: 0 auto;
        border-bottom: 1px solid #ccc;
        margin-bottom: 17px;
        margin-right: 20px;
    }

    /* thêm phần list của các trang trên munu*/
    .product-list .product-item .img-menu
    {
        vertical-align: middle;
        padding: 2px 0;
        margin: 0 auto;
        margin-bottom: 17px;
        margin-right: 5px;
    }

        .product-list .product-item .img-menu .name
        {
        }

        .product-list .product-item .img-menu .Decsription
        {
            float: left;
            text-align: left;
        }

    .product-list .product-item .img:hover
    {
    }

    .product-list .product-item .img img
    {
        vertical-align: middle;
        max-width: 100%;
        max-height: 99%;
        height: 100px;
        float: left;
        margin-bottom: 4px;
        border: 1px solid #ccc;
        padding: 2px;
        width: 125px;
    }

.product-col .info
{
    margin-top: 20px;
}


.product-detail
{
    padding: 5px 0;
}

    .product-detail .name
    {
        font-size: 13pt;
        margin-bottom: 10px;
        color: #ff5a00;
    }

    .product-detail .image
    {
        width: 100%;
        border: none;
    }

    .product-detail .price
    {
        font-weight: bold;
        font-size: 13px;
        float: left;
        padding-right: 15px;
        border-bottom: 1px dashed;
        padding-bottom: 5px;
        margin-left: 10px;
        color: #005aab;
    }

    .product-detail .area
    {
        font-weight: bold;
        font-size: 13px;
        float: left;
        padding-right: 15px;
        border-bottom: 1px dashed;
        padding-bottom: 5px;
        color: #005aab;
    }

    .product-detail .provi
    {
        font-weight: bold;
        font-size: 13px;
        float: left;
        border-bottom: 1px dashed;
        padding-bottom: 5px;
        color: #005aab;
    }


    .product-detail .more
    {
        float: left;
        width: 54%;
        margin-left: 10px;
        border-bottom: 1px dashed;
        margin-bottom: 10px;
        height: 193px;
        padding-top: 15px;
        padding-bottom: 15px;
        overflow: hidden;
    }

        .product-detail .more a
        {
            color: white;
            float: left;
            border: 1px solid #ccc;
            padding: 7px 10px;
            border-radius: 5px;
            background: #535252;
            margin-left: 83px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

    .product-detail .headline
    {
    }

    .product-detail .viewdetail
    {
        float: left;
        margin-left: 10px;
        font-weight: bold;
        font-size: 13px;
        width: 65px;
    }

    .product-detail .main-image
    {
        text-align: center;
        vertical-align: middle;
    }

        .product-detail .main-image img
        {
            max-height: 230px;
            width: 280px;
            vertical-align: middle;
            height: 210px;
        }

    .product-detail .thumbnail
    {
        height: 170px;
        overflow: hidden;
    }

        .product-detail .thumbnail img
        {
            width: 90%;
            height: 55px;
            cursor: pointer;
        }

    .product-detail .description
    {
        float: left;
        padding-right: 10px;
    }

    .product-detail .headline
    {
        padding: 5px 0;
    }

    .product-detail h4
    {
    }


span.top
{
    font-size: 12px;
    color: #fff;
    font-family: arial;
    font-weight: normal;
    width: 100%;
}

span.bt
{
    font-size: 12px;
    color: #fa0000;
    font-family: Arial;
}

.other
{
    margin-top: 20px;
}

    .other h2
    {
        margin-bottom: 10px;
    }

    .other a, .other a:link, .other a:visited, .other a:hover
    {
        color: #016FD1;
    }

.product-col .name
{
    background: #ccc;
    opacity: 0.6;
    margin-top: -50px;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.product-col img
{
    width: 100%;
}

#thumbnail-list ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	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:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.4);
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(/Content/Dinhduongez/images/mCSB_buttons.png);
	/*background-repeat:no-repeat;*/
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:80px 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:80px -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.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)"; /* old ie */
}
.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)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:4px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:4px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
.search-box
{
 float: right;
position: relative;
z-index: 100;
 margin-top:72px;
 margin-right:13px;

}
    .search-box input[type='text']
    {
       width: 180px;
font-size: 12px;
float: left;
position: relative;
margin-top: 0px;
border: none;
color: #ffe68f;
height: 15px;
box-shadow:0 1px 2px #ccc;

    }
    .search-box input[type='submit']
    {
        width:28px;height:28px;
        background:url(/Content/Dinhduongez/images/search.png) no-repeat;
        border:none;
        float:left;
        border-radius:0;
    }


html
{
    margin: 0;
    padding: 0;
}
.d-img
{
    float: left;
    margin-right: 10px;
}
.l-img
{
    width: 200px;
    height: 125px;
    padding: 3px;
    display:table-cell;
    vertical-align: middle;
    text-align:center;
    border: solid 1px #31b63f;
    background-color:white;
}
.l-img img
{
    max-height: 125px;
}
body
{
    background:url(/Content/Dinhduongez/images/bg-body.png) no-repeat;
    background-position: top center;
    color: #333;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    padding: 0;  
}

a
{
    color: #333;
    outline: none;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #000;
    }


header
{
   
}
header, footer, hgroup,
nav, section
{
    display: block;
}


.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.clear-fix:after
{
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.clear-fix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear-fix
{
    display: inline-block;
}
/* mac hide - force layout in ie \*/
* html .clear-fix, * html #inner, * html #middle
{
    height: 1%;
}

.clear-fix
{
    display: block;
}

h1, h2, h3,
h4, h5, h6
{
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    
}

h1
{
    font-size: 1.4em;
   
    
}

h2
{
    font-size: 1.25em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        padding: 0;
        text-decoration: none;
    }

p
{
    margin: 0;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    max-width: 1000px;
    
}
.content-wrapper-footer
{
    margin: 0 auto;
    max-width: 1000px;
    background-position: top;
    height:67px;
    overflow:hidden;
    background:url(/Content/Dinhduongez/images/footer-content.png) repeat-x;
}
#content-wappger-body
{
    width: 1000px;
margin: 0 auto;
background: #f2f1ef;
overflow: hidden;

}
#body
{
    clear: both;
   
}

.flash-banner
{
  
height: 113px;
width: 100%;
background:#fff;
margin-top:30px;
}

.fla
{
    float:left;
}

#site-name
{
    font-size: 25px;
    margin-left: 172px;
    margin-top: 64px;
    text-transform: uppercase;
    color: blue;
    font-weight: 700;
}

.left-column
{
    width: 24%;
    min-height: 100px;
}

.content-column
{
    width: 72%;
    float: right;
}

/* site title
----------------------------------------------------------*/
.site-title
{
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    font-size: 2.3em;
    margin: 0;
}

    .site-title a, .site-title a:hover, .site-title a:active
    {
        background: none;
        color: #c8c8c8;
        outline: none;
        text-decoration: none;
    }




/* menu
----------------------------------------------------------*/
ul#menu
{
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li
    {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a
        {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover
            {
                color: #333;
                text-decoration: none;
            }


#left
{
   width: 710px;
float: left;
padding-left: 20px;
    
}

#right
{
    width: 242px;
float: right;
padding-right:20px;

}

hgroup.title h1, hgroup.title h2
{
    display: inline;
}

hgroup.title h2
{
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature
{
    width: 300px;
    float: left;
    padding: 10px;
}

/* ordered list */
ol.round
{
    list-style-type: none;
    padding-left: 0;
}

    ol.round li
    {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero
        {
            background: url("/Content/Images/orderedList0.png") no-repeat;
        }

        ol.round li.one
        {
            background: url("/Content/Images/orderedList1.png") no-repeat;
        }

        ol.round li.two
        {
            background: url("/Content/Images/orderedList2.png") no-repeat;
        }

        ol.round li.three
        {
            background: url("/Content/Images/orderedList3.png") no-repeat;
        }

        ol.round li.four
        {
            background: url("/Content/Images/orderedList4.png") no-repeat;
        }

        ol.round li.five
        {
            background: url("/Content/Images/orderedList5.png") no-repeat;
        }

        ol.round li.six
        {
            background: url("/Content/Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven
        {
            background: url("/Content/Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight
        {
            background: url("/Content/Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine
        {
            background: url("/Content/Images/orderedList9.png") no-repeat;
        }

/* content */
article
{
    float: left;
    width: 70%;
}

aside
{
    float: right;
    width: 25%;
}

    aside ul
    {
        list-style: none;
        padding: 0;
    }

        aside ul li
        {
            background: url("/Content/Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label
{
    font-weight: 700;
}


/* contact */
.contact h3
{
    font-size: 1.2em;
}

.contact p
{
    margin: 5px 0 0 10px;
}

.contact iframe
{
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset
{
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend
    {
        display: none;
    }

    fieldset ol
    {
        padding: 0;
        list-style: none;
    }

        fieldset ol li
        {
            padding-bottom: 5px;
        }

label
{
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

    label.checkbox
    {
        display: inline;
    }

input, textarea
{
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea
{
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus
    {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"]
{
    background: transparent;
    border: inherit;
    width: auto;
}

input[type="submit"],
input[type="button"],
button
{
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button
{
    font-size: 1em;
    padding: 4px;
    margin-right: 4px;
}

/* info and errors */
.message-info
{
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error
{
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success
{
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error
{
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error
{
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
    float:left;
}

.validation-summary-valid
{
    display: none;
}


/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th
{
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a
    {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover
        {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover
        {
            color: #000;
        }

    th.asc a, th.desc a
    {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after
        {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after
        {
            content: '▲';
        }

        th.desc a:after
        {
            content: '▼';
        }

td
{
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td
{
    padding: 0 0.25em 0 0;
}
.pager {
width:710px;
float:right;
margin-top: 10px;
margin-bottom: 10px;
}
    .pager .active
    {
        font-weight: 700;
        background-color: #d4d4d4;
        color: #000;
    }
    .pager .item
    {
        border: solid 1px #d4d4d4;
        padding: 0 5px;
        color: #000;
        margin-right: 5px;
    }
.social-share
{
    width: 185px;
    margin-bottom:10px;
}

.message
{
    color: green;
    padding: 10px 0;
    font-size: 0.9em;
    display: block;
}

.error
{
    color: red;
    padding: 10px 0;
    font-size: 0.9em;
    display: block;
}

img
{
    border: none;
}

#ajax-box
{
   text-align: center;
	background: #cdf;
	padding: 20px 10px;
	width: 660px;
    height:400px;
	
	margin: 0 auto;
	border-radius: 5px;
	font-weight: bold;
	-webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.9));
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: 1s;
	-o-animation-delay: .2s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}
#menuleft
{
    float:left;
}
thead
{
    background:#ccc;
}
tbody
{
    background:#F5F2F2;
}
.checkout
{
}


.company
{
    font-size: 18px;
    color:#ff5a00;
}
.address
{
    padding:5px 0px;
   
}
.phone
{ padding:5px 0px;
  
}
.web
{ padding:5px 0px;
  
}

.CheckOut
{
    font-size: 13px;

margin: 0;
color: #fff;
background: #4C504C;
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #787878;
margin-left:15px;
}
.CheckOut a
{
    color:white;
    font-weight:bold;
}
.box-suppliers {
float: left;
width: 100%;
}
.box-suppliers .title {
background: #4B4E52;
font-size: 13px;
border-bottom: 1px solid #B8BBBE;
text-align: left;
margin-top: 10px;
height: 35px;
margin-bottom: 0;
}
.box-suppliers .title span {
display: block;
color: #FFFFFF;
padding-left: 5px;
padding-top: 10px;
font-size: 1em;
font-weight: 700;
float: left;
background: none;
}
.box-suppliers .content-sup {
width: 100%;
max-height: 550px;
}
.box-suppliers .content-sup img {
width: 198px;
height: 100px;
}