/* Clearfix reloaded
-------------------------------------------------------------- */
.cfix:before, .cfix:after, .fr:before, .fr:after, ul.cfix_list li:before, ul.cfix_list li:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0;
} 
.cfix:after, .fr:after, ul.cfix_list li:after {clear: both;}
.cfix, .fr, ul.cfix_list li {zoom: 1;}


/* Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe, img, b, i, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, ul li, dt, dd {display: block;}


/* Html base
-------------------------------------------------------------- */
html {
	overflow-y: scroll;
	min-height: 100%;
	height: auto!important;
	height: 100%;
	font-family: Verdana;
	font-size: 11px;
	line-height: 1.4;
	text-align: center;
	background-color: #FFF;
	color: #363533;
}

hr {
	display: block;
	height: 0px;
	margin: 12px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #CCC;
}
.ie6 hr, .ie7 hr {margin: 5px 0;}

img {vertical-align: bottom;}

p, code, pre {margin-bottom: 0.5em;}
pre {white-space: pre;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}


/* Text elements
-------------------------------------------------------------- */
a:hover,a:active {outline: none;}
a:focus {outline: none;}

/* TODO: links */

blockquote, q, i, address, cite, dfn, em, var {font-style: italic;}
th, dt, b, strong {font-weight: 700;}
code, kbd, pre, samp, var {font-family: 'Courier New', Courier, monospace;}

abbr {border-bottom: 1px dotted #666; cursor: help;}

sub {line-height: 0; vertical-align: sub;}
sup {line-height: 0; vertical-align: super;}

.non_ie sub, .non_ie sup {font-size: 0.8333em;} /* 10px */

del {text-decoration: line-through;}
ins {border-bottom: 3px double #222; text-decoration: none;} 


/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin: 1em 0; font-weight: 700;}

h1 {font-size: 2em; margin: 0 0 0.5em 0; font-weight: 700;} /*24px*/
h2 {font-size: 1.6666em; margin: 0.6em 0;} /*20px*/
h3 {font-size: 1.4166em; margin: 0.706em 0;} /*17px*/


/* Lists
-------------------------------------------------------------- */
li {display: block; list-style-type: none;}
.txt li, ol li {display: list-item; list-style-position: outside;}

.txt ul, ul.txt, ol {margin: 0 1.5em 1.5em 0; padding-left: 2em;}
.txt li ul, li ol {margin: 0;}

/*ol li, ul ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}

ol ol li {list-style-type: lower-alpha;}
ul ul li {list-style-type: circle;}

ul ul ul li {list-style-type: square;}
ol ol ol li {list-style-type: lower-roman;}*/

/* TODO: fix list nesting and replace bullets with images */


/* Tables
-------------------------------------------------------------- */
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption { 
	font-weight: 400;
	text-align: left;
	vertical-align: top;
}

th {font-weight: 700; text-align: center;}
tbody th {text-align: left;}


/* Forms
-------------------------------------------------------------- */
label {font-weight: 700; cursor: pointer;}

input, select, button, textarea {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px!important;
    vertical-align: text-top;
    color: #222;
}

input.chk, input.rad {
	overflow: hidden;
	width: 13px;
	height: 1.5em;
	font-size: 100%;
	line-height: 1.5!important;
	cursor: pointer;
}

input.txt, input.pass, textarea {
	width: 20em;
	padding: 3px 3px;
	border: 1px solid;
	border-color: #000000;
	background-color: #FFFFFF;
}

input.txt, input.pass, select, button {vertical-align: middle;}

optgroup {
	padding: 0 3px;
	font-style: normal;
	font-family: Tahoma;
}

button {
	overflow: visible;
	position: relative;
	height: 2em;
	margin-right: 0.5em;
	padding-right: 1em;
	border: 0;
	font-weight: 700;
	background-color: red;
	cursor: pointer;
}

button::-moz-focus-inner {padding: 0; border: 0;}
button span {
	display: block;
	position: relative;
	height: 2em;
	padding-left: 1em;
	line-height: 2em;
	white-space: nowrap;
	background-color: green;
}

.webkit button span {margin-top: -1px;}

textarea {overflow: auto; height: 45px; vertical-align: top;}

fieldset {
	position: relative;
	padding: 0.5em 1em 0 1em;
	margin-bottom: 1em;
	border: 1px solid #DDD;
}
legend {font-weight: 700;}

.ie fieldset {position: relative; padding-top: 2em;}
.ie legend {position: absolute; top: 0; left: 1em;}
.ie6 legend {left: 0.5em;}

.fr {margin-bottom: 5px;}

/* TODO: style default buttons */


/* Layout
-------------------------------------------------------------- */
.d1 {width: 91.5454em; margin: 0 auto; text-align: left;} /* 1007px */

.rz160_f, .z220_f {float: left; position: relative;}
.rz160_m, .z220_m {float: right; width: 100%;}

.rz160_f {float: right; width: 13.8181em;} .rz160_m {float: left; margin-right: -14.2727em;} .rz160_r {margin-right: 14.2727em;}
.z220_f {width: 21.5454em;} .z220_m {margin-left: -22em;} .z220_r {margin-left: 22em;}

#hd, #bd, #ft {clear: both;}

/* Misc classes
-------------------------------------------------------------- */
a.all_on, a.all_on:hover, a.all_on:active,
a.on_off, a.off_on:hover, a.off_on:active {text-decoration: underline!important;}

a.all_off, a.all_off:hover, a.all_off:active,
a.off_on, a.on_off:hover, a.on_off:active {text-decoration: none!important;}

.smallest {font-size: 8px;} /*9px*/
.smaller {font-size: 9px;} /*10px*/
.small .small {font-size: 9px;} /*10px*/
.small {font-size: 10px;} /*11px*/
.big {font-size: 12px;} /*13px*/
.big .big {font-size: 12px;} /*14px*/
.bigger {font-size: 13px;} /*14px*/
.biggest {font-size: 14px;} /*15px*/

/* TODO: complete size nesting */

.bold {font-weight: 700!important;}
.normal {font-weight: 400!important;}
.italic {font-style: italic!important;}
.straight {font-style: normal!important;}
.underline {text-decoration: underline!important;}
.strike {text-decoration: line-through!important;}
.nowrap {white-space: nowrap!important;}
.pointer {cursor: pointer!important;}

.a_left {text-align: left!important;}
.a_center {text-align: center!important;}
.a_justify {text-align: justify!important;}
.a_right {text-align: right!important;}
.a_middle {vertical-align: middle!important;}

.block {display: block!important;}
.in_bl {display: inline-block!important;} /* use only on inline elements */
.inline {display: inline!important;}
.p_rel {position: relative!important;}
.o_hidden {overflow: hidden!important;}

.f_none {float: none!important;}
.f_left {float: left!important;}
.f_right {float: right!important;}
.ie6 .f_left, .ie6 .f_right {display: inline;} /* fix ie6 double margins */

.clear {clear: both!important;}
.c_left {clear: left!important;}
.c_right {clear: right!important;}

.hide {display: none!important;}
.hidden {visibility: hidden!important;}
.invisible {position: absolute!important; top: -1000em; left: -1000em;}
.stealth {position: relative!important; left: -1000em;} /* hide, but preserve height */

.m_0 {margin: 0!important;}
.m_1 {margin: 10px!important;}
.mt_1 {margin-top: 10px!important;}
.mr_1 {margin-right: 10px!important;}
.mb_1 {margin-bottom: 10px!important;}
.ml_1 {margin-left: 10px!important;}
.m_05 {margin: 5px!important;}
.mt_05 {margin-top: 5px!important;}
.mr_05 {margin-right: 5px!important;}
.mb_05 {margin-bottom: 5px!important;}
.ml_05 {margin-left: 5px!important;}

.mb_link_05 a,
.mb_link_05 a:hover,
.mb_link_05 a:active {display: inline-block; margin-bottom: 5px!important;}

.p_0 {padding: 0!important;}
.p_1 {padding: 10px!important;}
.pt_1 {padding-top: 10px!important;}
.pr_1 {padding-right: 10px!important;}
.pb_1 {padding-bottom: 10px!important;}
.pl_1 {padding-left: 10px!important;}
.p_05 {padding: 5px!important;}
.pt_05 {padding-top: 5px!important;}
.pr_05 {padding-right: 5px!important;}
.pb_05 {padding-bottom: 5px!important;}
.pl_05 {padding-left: 5px!important;}

.row_spacer {
	clear: both!important;
	display: block!important;
	float: none!important;
	width: auto!important;
	height: 0!important;
	margin: 0!important;
	padding: 0!important;
	font-size: 0!important;
	line-height: 0!important;
}

.ico_row .ico,
.ico_row img,
.ico_row span {
	display: inline-block;
	vertical-align: middle;
}

.debug {border: 1px solid red!important;}

.fix_inbl {display: none;}
.ie6 .fix_inbl {
	display: inline-block;
	overflow: hidden;
	width: 0;
	height: 1.5em;
	vertical-align: middle;
}

/* CUSTOM CSS */
body {
	background-color: #EEEEEE;
	background-image: url('images/bg_top.gif');
	background-repeat: repeat-x;
	background-position: 0 117px;
}

a, a:hover, a:active {color: #36393D; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

h3 {
	margin: 0;
	font-family: Arial;
	font-size: 14px;
	font-weight: 700;
}

.red {color: #FF2911;}
.green {color: #038A03;}
a.green, a.green:hover, a.green:active {color: #038A03;}

.black_links a, .black_links a:hover, .black_links a:active {color: #000000;}
.black_links {color: #000000;}

body {padding-bottom: 15px;}

.d1 {
	position: relative;
	padding-top: 178px;
}

.rz160_f .txt {width: 110px; border-right: none;}

#hd, #bd, #ft, #top_nav ul {
	border-left: 1px solid #000000;
	background-color: #FFFFFF;
}

#hd {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 10;
	width: 1005px;
	height: 102px;
	background-image: url('images/hd_shadow.gif');
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#hd_banner {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 158px;
}

#hd_logo {
	display: inline;
	float: left;
	margin: 9px 0 0 5px;
}

#hd_banner .letter_nav {margin-top: 10px;}

#bd, #top_nav ul {
	background-image: url('images/bd_shadow.gif');
	background-repeat: repeat-y;
	background-position: 100% 0;
}

#ft {
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: url('images/ft_shadow.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#ft_wide {
	padding-top: 11px;
	background-image: url('images/bg_top.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

#ft_nav {
	text-align: center;
}

#ft_nav li {
	display: -mox-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 15px;
	padding-left: 7px;
	font-family: Arial;
	font-size: 13px;
	background: url('images/point4.gif') no-repeat 0 7px;
}

.dot,
a.dot,
a.dot:hover,
a.dot:active {
	display: -mox-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 7px;
	padding-left: 8px;
	background: url('images/point4.gif') no-repeat 0 6px;
}

#ft_words {
	font-family: Arial;
	margin: 0 80px;
}

#ft_words a,
#ft_words a:hover,
#ft_words a:active {
	color: #FF2911;
}

#top_menu {
	display: inline;
	float: right;
	margin: 10px 20px 0 0;
}

#login_zone {text-align: right;}

#login_zone a,
#login_zone a:hover,
#login_zone a:active {
	display: inline-block;
	font-weight: 700;
	padding-left: 15px;
	margin-left: 10px;
	background-image: url('images/point1.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.list1 a,
.list1 a:hover,
.list1 a:active {
	display: inline-block;
	padding-left: 15px;
	background-image: url('images/point1.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#top_nav {
	position: absolute;
	top: 128px;
	left: 0;
	z-index: 5;
	width: 100%;
	font-size: 12px;
}

#top_nav ul {
	height: 50px;
	padding-left: 128px;
}

#top_nav li {
	float: left;
	width: 105px;
	height: 40px;
	text-align: center;
}

#top_nav li a,
#top_nav li a:hover,
#top_nav li a:active {
	display: block;
	height: 26px;
	padding-top: 14px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url('images/top_nav.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#top_nav li a:hover,
#top_nav li a:active {background-position: 0 -50px;}

#top_nav li.on a,
#top_nav li.on a:hover,
#top_nav li.on a:active {background-position: 0 -100px;}



#nav_left {
	background-color: #36393D;
	font-family: Arial
}

#nav_left a,
#nav_left a:hover,
#nav_left a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#nav_left .nav_left_top,
#nav_left .nav_left_top span,
#nav_left .nav_left_btm,
#nav_left .nav_left_btm span {
	display: block;
	height: 10px;
	font-size: 0;
	line-height: 0;
	background-image: url('images/nav_left.gif');
	background-repeat: no-repeat;
}

#nav_left .nav_left_top,
#nav_left .nav_left_btm {
	padding-right: 10px;
	background-position: 100% -10px;
}
#nav_left .nav_left_btm {background-position: 100% -30px;}
#nav_left .nav_left_top span {background-position: 0 0;}
#nav_left .nav_left_btm span {background-position: 0 -20px;}

#nav_left ul.main {
	margin: 0 5px;
}

#nav_left li.main,
#nav_left li.main span {
	display: block;
	height: 21px;
	line-height: 21px;
	background-image: url('images/bg_left_nav.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav_left li.main {
	margin-bottom: 4px;
	padding-right: 10px;
	background-position: 100% 0;
	font-size: 13px;
}

#nav_left li.main a,
#nav_left li.main a:hover,
#nav_left li.main a:active {
	display: block;
	padding-left: 25px;
}

#nav_left li.main a.arr_down,
#nav_left li.main a.arr_down:hover,
#nav_left li.main a.arr_down:active {
	background-image: url('images/arr_dn.gif');
	background-repeat: no-repeat;
	background-position: 5px 0;
}

#nav_left li.main a.arr_up,
#nav_left li.main a.arr_up:hover,
#nav_left li.main a.arr_up:active {
	background-image: url('images/arr_up.gif');
	background-repeat: no-repeat;
	background-position: 5px 0;
}

#nav_left ul.sec {
	margin-left: 18px;
	margin-bottom: 5px;
}

#nav_left li.sec {
	font-size: 12px;
	background-image: url("images/point2.gif");
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#nav_left li.sec a,
#nav_left li.sec a:hover,
#nav_left li.sec a:active {
	padding-left: 15px;
}

.rz160_r {
	position: relative;
	padding-top: 120px;
}


.letter_nav {
	font-size: 10px;
	text-align: center;
	color: #000000;
}
.letter_nav li {
	display: -mox-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.letter_nav a {text-decoration: underline;}
.letter_nav a:hover, .letter_nav a:active {text-decoration: none;}

.contact_tel_list {padding-left: 27px;}
.contact_tel_list li {
	padding: 3px 0 8px 24px;
	font-size: 12px;
	font-weight: 700;
	background: url("images/phone.gif") no-repeat 0 3px;
}

.cbox .cbox_top,
.cbox .cbox_top span,
.cbox .cbox_btm,
.cbox .cbox_btm span {
	display: block;
	height: 8px;
	font-size: 0;
	line-height: 0;
	background-image: url('images/cbox.gif');
	background-repeat: no-repeat;
}

.cbox .cbox_top,
.cbox .cbox_btm {padding-right: 8px; background-position: 100% -10px;}
.cbox .cbox_btm {background-position: 100% -30px;}

.cbox .cbox_top span {background-position: 0 0;}
.cbox .cbox_btm span {background-position: 0 -20px;}

.cbox .cbox_bd {
	overflow: hidden;
	padding: 0 5px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

a.prod_img,
img.prod_img,
img.prod_img:hover,
img.prod_img:active,
a.prod_img:hover,
a.prod_img:active {
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #939393;
}

img.prod_img:hover,
img.prod_img:active,
a.prod_img:hover,
a.prod_img:active {
	border: 1px solid #000000;
}
a.prod_img img {
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}

.point3 {
	display: block;
	padding-left: 15px;
	background-image: url('images/point3.gif');
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.link_list a,
.link_list a:hover,
.link_list a:active {
	display: block;
	padding-left: 20px;
	background-image: url('images/point3.gif');
	background-repeat: no-repeat;
	background-position: 6px 3px;
}

.half .link_list a,
.half .link_list a:hover,
.half .link_list a:active {
	text-decoration: none;
	color: #4A4A4A;
}

.half .link_list a:hover,
.half .link_list a:active {
	color: #35A135;
}

.brd_box_dashed {
	width: 100%;
	height: 0;
	margin: 5px -5px;
	padding: 0 5px;
	border-bottom: 1px dashed #999999;
	font-size: 0;
}
.brd_box_double {
	width: 100%;
	height: 0;
	margin: 5px -5px;
	padding: 0 5px;
	border-bottom: 2px solid #999999;
	font-size: 0;
}

#finish_zone	{font-size:13px; float:right; clear:right; margin: 10px 45px 0 0;}
#finish_zone td {vertical-align: bottom; padding: 5px;}
#finish_zone img{position:relative; margin-top:-2px;}

#subcontent		{position:absolute; z-index: 100; visibility: hidden; border: 2px solid #038A03; background-color: white; width: 300px; padding:4px 8px; z-index:101;}
#subcontent a	{color:#36393D;}
#subcontent a:hover	{color:#35A135;}
#subcontent	.hdrr td{border-bottom:1px solid #969696;}
#subcontent	.hdrr2 td{border-top:1px solid #969696;}
#subcontent div	{margin:10px 0;}
#subcontent table	{border-collapse: separate; border-spacing: 2px;}

.td_center td {text-align: center!important;}

.bg_red,
.bg_red span {
	display: block;
	height: 34px;
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	color: #FFFFFF;
	background-image: url('images/bg_red.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bg_red {
	margin-bottom: 5px;
	padding-right: 15px;
	background-position: 100% 0;
}

.bg_red span {
	padding-left: 15px;
}

.bg_green,
.bg_green span {
	display: block;
	height: 34px;
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	color: #FFFFFF;
	background-image: url('images/bg_green.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bg_green {
	margin-bottom: 5px;
	padding-right: 15px;
	background-position: 100% 0;
}

.bg_green span {
	padding-left: 15px;
}



.bg_gray,
.bg_gray a,
.bg_gray a:hover,
.bg_gray a:active,
.bg_gray span {
	display: block;
	height: 34px;
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	line-height: 34px;
	color: #FFFFFF;
	background-image: url('images/bg_gray.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bg_gray {
	margin-bottom: 5px;
	padding-right: 15px;
	background-position: 100% 0;
}

.bg_gray a,
.bg_gray a:hover,
.bg_gray a:active,
.bg_gray span {
	padding-left: 15px;
}

.prod_list .col_1,
.prod_list .col_2,
.prod_list .col_3,
.prod_list .col_4 {
	float: left;
}
.prod_list .col_1 {width: 16%;}
.prod_list .col_2 {width: 45%;}
.prod_list .col_3 {width: 17%;}
.prod_list .col_4 {width: 22%;}

.promo i {
	float: right;
	margin-top: 6px;
	margin-right: -10px;
}

.promo i,
.promo b {
	display: block;
	height: 22px;
	font-style: normal;
	line-height: 22px;
	background-image: url('images/tag_promo.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #363533;
}

.promo i {
	padding-right: 15px;
	background-position: 100% 0;
}

.promo b {
	padding-left: 15px;
}

.half {
	float: left;
	width: 49%;
}

.third {
	float: left;
	width: 33%;
}

.pagination a,
.pagination a:hover,
.pagination a:active {
	display: inline-block;
	margin: 0 2px;
	width: 19px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	font-weight: 700;
	text-align: center;
	border: 1px solid #949494;
	color: #949494;
}

.pagination a.sel,
.pagination a.sel:hover,
.pagination a.sel:active {
	border: 1px solid #1ec81e;
	color: #1ec81e;
}

.pagination a.arr,
.pagination a.arr:hover,
.pagination a.arr:active {
	width: auto;
	height: 13px;
	line-height: 13px;
	border: none;
}

.prods_filter {
	display: block;
	padding-left: 5px;
}

.prod_view .prods_filter li {
	width: 23%;
}

.prods_filter li {
	float: left;
	text-align: center;
}

.prods_filter li,
.prods_filter a,
.prods_filter a:hover,
.prods_filter a:active {
	display: block;
	height: 27px;
	line-height: 27px;
	font-weight: 700;
	white-space: nowrap;
	background-image: url('images/bg_prods_filter.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #FFFFFF;
}

.prods_filter li {
	margin-right: 1px;
	padding-right: 10px;
	background-position: 100% 0;
}

.prods_filter li.sel {
	background-position: 100% -30px;
}

.prods_filter .sel a,
.prods_filter .sel a:hover,
.prods_filter .sel a:active {
	background-position: 0 -30px;
}

.prods_filter a,
.prods_filter a:hover,
.prods_filter a:active {
	padding-left: 20px;
	padding-right: 10px;
}

.prod_descr {width: 100%;}
.prod_descr td {padding: 2px; height: 16px; border-bottom: 1px solid #C5C5C5; line-height: 16px;}
.prod_descr .head {background-color:#EFEFEF; font-weight: bold;}

#costb	{width:100%;}
#costb td		{border-bottom:1px solid #cacaca; padding:5px; text-align:center; font-size:11px; line-height:16px;}
#costb thead td	{font-weight:bold; padding:5px 5px;} 
#costb tbody td span		{display:block; text-align:left; margin:0 0 0 60px}
#costb tbody td span strong {display:block; font-weight:bold;}
#costb a		{font-weight:bold; color:#3d1f1f; text-decoration:none;}
#costb a:hover	{text-decoration:underline;}

#tab_total	{width:550px; margin:3px auto; line-height:20px;}
#tab_total p{margin:0; padding:0;}
#tab_total label{float:right; font-size:12px; color:#FF1A00; margin-top:-21px;}
#tab_total i	{font-size:10px; padding-left:96px;}

#trim_cmd				{border-bottom:1px solid #C9C9C9; width:100%; line-height:14px;}
#trim_cmd td			{padding:2px 2px;}
#trim_cmd input,
#trim_cmd textarea,
#trim_cmd select		{border:1px solid #cacaca; padding:1px 2px; font-size:12px;}
#trim_cmd .dte input,	
#trim_cmd .dte textarea	{border:1px solid #cacaca; padding:1px 2px; font-size:12px; width:200px;}
#trim_cmd .dte select	{border:1px solid #cacaca; padding:1px 2px; font-size:12px;}	
#trim_cmd sup			{font-size:12px;}



#gallery {
	position:relative;
	height:120px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		width:397px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}


.cbox
{
	margin-top:38px;
}




/* begin gallery banner */

#s3slider {
   width: 600px; /* important to be same as image width */
   height: 120px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   height:120px;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=45); /* here you can set the opacity of box with text */
   -moz-opacity: 0.45; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.45; /* here you can set the opacity of box with text */
   opacity: 0.45; /* here you can set the opacity of box with text */
   padding-left:3px;
   padding-right:3px;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


.left {
	top: 0;
    left: 0;
	width: 120px !important;
	height:120px;
	font-size:10px;
	color: #fff;
	font-family:"Times New Roman";
}

.clear {
   clear: both;
} 
/*end gallery banner*/