/********************* RESET ******************************************/
* { margin: 0; padding: 0; }
img { border: none; }
:focus { outline: 0; }

/********************* TYPO *******************************************/
#container	{ color: #686868; font-size: 11px; font-family: "Trebuchet MS", Arial, Sans-serif; }
#footer .up a, a { text-decoration: none; color: #9dbc2d; }

.gallery .more 			{ font-size: 14px; color: #000; }
.gallery .more:hover	{ color: #9dbc2d; }

#lang, #lang a									{ color: #979797; font-size: 10px; }
#lang a.on, #lang a:hover, .selection a:hover,
.more.drop, .more.on,.more:hover				{ color: #000000; }

#nav a			{ color: #686868; font-size: 12px; font-weight: bold;}
#nav a.on,
#nav a:hover	{ color: #000000; }
#nav li			{ text-align: center; }

#flash_header a	{ font-size: 10px; color: #fff; font-weight: bold; }

h2				{ color: #9dbc2d; font-size: 17px; font-weight: bold; }
h3				{ color: #000000; font-size: 14px; font-weight: normal; font-family: Arial, Sans-serif; }
.text h3  		{ font-size: 17px; font-weight: bold; }
#innner_top h3,
#big_column h3,
#newslist h3,
.products h3	{ font-size: 14px; font-weight: bold; color: #9dbc2d; }
h4              { font-size: 11px; }

.date					{ color: #989898; font-size: 10px; font-family: Arial, Sans-serif; }
#news .date, .show_all	{ text-align: right; }

#pageing, .work h3		{ font-weight: bold; }
.text p, .work li		{ line-height: 18px; }

.input, #newsletter input, textarea	{ color: #686868; font-size: 11px; font-family: "Trebuchet MS", Arial, Sans-serif; }
label   							{ color: #000; font-size: 14px; font-family: Arial, Sans-serif; display: block; }
.button								{ color: #ffffff; }
#newsletter h2	{ color: #686868; }
#pageing a.page	{ color: #fff; text-align: center; }
#right_column	{ text-align: center; }

.selection, .banners	{ text-align: left; }
.banners strong			{ font-size: 14px; color: #686868; }
.banners span 			{ font-size: 14px; line-height: 18px; color: #686868; }

.products th, .products td 					{ text-align: left; }
.products .bottom th, .products .bottom td	{ line-height: 30px; }

.item_details th  					{ font-size: 14px; font-weight: bold; }
.item_details th, .item_details td	{ text-align: right; }

#footer, #footer a	{ color: #999999; }
#footer p			{ text-align: center; }

a#sign   		{ color: black; font-size: 10px; }
a#sign span		{ color: red; }
a#sign:hover	{ color: red; }

/********************* GENERAL STYLES *********************************/
body			{ background: #fff; }
#container		{ width: 945px; margin: 0px auto; }
#left_column 	{ width: 299px; float: left; margin-right: 16px; }
#big_column 	{ width: 718px; float: left; }
#inner_column	{ width: 405px; float: left; }
#right_column	{ width: 216px; float: right; margin-top: 39px; }

h1	{ float: left; margin: 21px 0 19px 2px; }
h2	{ margin: 15px 0 3px 12px; }
h3  { margin: 0px 0 15px 0px; }

.more 		{ background: url(../images/BKGmore.gif) left 5px no-repeat; padding-left: 9px; }
.more.on,
.more:hover { background: url(../images/BKGmore_b.gif) left 5px no-repeat; }
.more.drop  { background: url(../images/BKGmore_b_down.gif) left 7px no-repeat; }
.up   { display: block; position: absolute; margin: -40px 0 0 10px; }
.up a { background: url(../images/BKGmore_up.gif) left 6px no-repeat; padding-left: 15px; }

/************************ HEADER *************************************/
#header	{ overflow: hidden; }

#lang			{ float: right; margin-top: 55px; list-style: none; }
#lang li		{ float: left; padding: 0 7px; }
#lang li a      { background: none; }
#lang li.border	{ border-right: 1px solid #dedede; }

#nav			{ float: left; width: 945px; background: url(../images/BKGnav_grad.gif) repeat-x; list-style: none; padding-bottom: 26px; }
#nav li			{ float: left; display: block; border: none; }
#nav a			{ float: left; width: 105px; display: block; padding: 13px 0 12px 0; }
#nav .first a	{ background: url(../images/BKGnav_left.gif) left 0px no-repeat; }
#nav .last a	{ background: url(../images/BKGnav_right.gif) right 0px no-repeat; }
#nav a.on,
#nav a:hover		{ background: url(../images/BKGnav_grad_on.gif) repeat-x; }
#nav .first a.on,
#nav .first a:hover	{ background: url(../images/BKGnav_left.gif) left -43px no-repeat; }
#nav .last a.on,
#nav .last a:hover	{ background: url(../images/BKGnav_right.gif) right -43px no-repeat; }

#flash_header		{ clear: left; }
#flash_header div	{ background: url(../images/BKGheader.jpg) no-repeat; overflow: hidden; }
#flash_header div ul	{ background: #000 url(../images/BKGheader_grad.jpg) repeat-x;
						height: 323px;
						width: 313px;
						padding-top: 7px;
						list-style: none;
						float: right;	}
#flash_header div li	{ float: left; display: block; width: 132px; margin: 2px 0 4px 0; padding-left: 22px; }
#flash_header div li a  { padding: 0 4px; }
#flash_header div li.on a,
#flash_header div li a:hover { background: #999; }

/*********************** WRAPPERS ***********************************/
#news_wrapper					{ background: url(../images/BKGnews_wrapper.gif) no-repeat; padding-top: 8px; }
#news_wrapper_bottom	{ background: url(../images/BKGnews_wrapper_bottom.gif) bottom left no-repeat; padding-bottom: 8px; }

#big_wrapper_bord					{ background: url(../images/BKGbig_border.gif) no-repeat; padding-top: 8px; }
#big_wrapper_bottom_bord	{ background: url(../images/BKGbig_bottom_border.gif) bottom left no-repeat; padding-bottom: 8px; }

#big_wrapper				{ background: url(../images/BKGbig_wrapper.gif) no-repeat; padding-top: 8px; }
#big_wrapper_bottom	{ background: url(../images/BKGbig_bottom_wrapper.gif) bottom left no-repeat; padding-bottom: 8px; }

#big_wrapper_grad			{ background: url(../images/BKGbig_wrapper_grad.gif) no-repeat; padding-top: 8px; }

#right_wrapper			{ background: url(../images/BKGright_top.gif) no-repeat; padding-top: 9px; width: 212px; float: right; }
#right_wrapper_bottom	{ background: url(../images/BKGright_bottom.gif) bottom left no-repeat; padding-bottom: 9px; }

#innner_top				{ background: url(../images/BKGinner_top.gif) no-repeat; padding-top: 8px; }
#inner_bottom			{ background: url(../images/BKGinner_bottom.gif) bottom left no-repeat; padding-bottom: 8px; }
#innner_top_border		{ background: url(../images/BKGinner_top_bord.gif) no-repeat; padding-top: 8px; }
#inner_bottom_border	{ background: url(../images/BKGinner_bottom_bord.gif) bottom left no-repeat; padding-bottom: 8px; }

.borders 	{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; overflow: hidden; }

/************************* HOME *************************************/
#news 			{ list-style: none; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
#news li		{	background: url(../images/BORDERnews_item.gif) bottom center no-repeat;
					padding: 0 13px 10px 11px;
					overflow: hidden; }
#news .first		{ min-height: 119px; height: 119px; }
#news .date 		{ display: block; margin: 6px 0 2px 0; }
#news .first .date	{ margin-top: 0; }
#news img			{ float: right; margin-left: 12px; }
#news div			{ overflow: hidden; }
#news p				{ display: inline; margin-right: 4px; }

.show_all	{ display: block; padding: 1px 15px 0 0; margin-bottom: -5px; position: relative; }

.work		{ list-style: none; overflow: hidden; background: url(../images/BORDERwork_middle.gif) top center repeat-y; }
.work.last	{ border-top: 1px solid #dedede; background: url(../images/BKGwork.gif) top left repeat-x; }
.work li	{ float: left; width: 182px; padding: 14px 0 17px 19px; }
.work .marg	{ padding-right: 1px;  }
.work img	{ display: block; }
.work h3	{ margin: 14px 0 6px 0; }

.banners		{ padding-left: 15px; height: 127px; }
.banners a		{ height: 112px; display: block; }
.banners strong	{ padding: 15px 0 5px 0; display: block; margin: 0; }
#banner1		{ background: url(../images/BKGbanner1.jpg) no-repeat;}
#banner2		{ background: url(../images/BKGbanner2.jpg) no-repeat;}
#banner3		{ background: url(../images/BKGbanner3.jpg) no-repeat; }

/************************* INNER **************************************/
#small_gallery  { list-style: none; height: 430px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding-bottom: 21px; overflow: hidden; }
#small_gallery li { float: left; padding: 13px 2px 0 13px; width: 127px; height: 95px; overflow: hidden; background: url(../images/loading.gif) 60px 45px no-repeat; }
#small_gallery img { display: block; }

#pageing							{ overflow: hidden; margin: 0px auto 3px auto; }
#pageing a,
#pageing span 				{ display: block; float: left; margin-top: 5px; margin-right: 4px; }
#pageing a.page				{ background: url(../images/BKGpage.gif) no-repeat; padding: 4px 0 3px 0; width: 21px; }
#pageing a.page.on,
#pageing a.page:hover	{ background: url(../images/BKGpage_on.gif) no-repeat; }

.selection 		{ border-left: 2px solid #ececec; border-right: 2px solid #ececec; list-style: none; }
.selection li	{ margin: 5px 5px 5px 15px; }
.selection a	{ display: block; }
.selection ul	{ list-style: none; }

#img_box 				{ float: left; padding: 26px 50px 50px 14px; width: 223px; }
#img_box img  			{ float: left; display: block; }
#img_box .small_pic		{ margin-top: 18px; border: 3px solid #eeeeee; }
#img_box .first			{ margin-right: 7px; }

.text		{ overflow: hidden; margin: 15px; }
.text p		{ margin-bottom: 25px; }
.text ul	{ margin-left: 25px; }

.borders .text		{ margin: 26px 110px 15px 0; }
.borders .text ul	{ list-style: none; }
.borders .text li	{ background: url(../images/BKGok.gif) no-repeat; padding: 0 0 5px 20px; }

.borders .text.type2	{ margin: 10px 20px 0px 17px; }

#newslist 			{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; list-style: none; margin: 0; overflow: hidden; }
#newslist li		{ background: url(../images/BKGwork.gif) top left repeat-x; border-top: 1px solid #dedede; padding: 3px 0 0 14px; }
#newslist li.first	{ background: none; border: none; padding-top: 0; }
#newslist .newsimg	{ display: block; float: left; margin: 3px 7px 15px 0; height: 95px; overflow: hidden; }
#newslist img		{ display: block; float: left; }
#newslist .date		{ display: block; }
#newslist h3		{ clear: left; }
#newslist li li		{ background: url(../images/bullit.gif) left 6px no-repeat; margin-left: 10px; padding: 0 0 0 9px; border: none; }
#newslist p,
#newslist ul		{ margin-bottom: 15px; list-style: none; }

#map  { display: block; float: left; margin: 26px 20px 40px 18px; }

/************************* TABLES **************************************/
.products 				{ width: 100%; }
.products th            { width: 110px; }
.products th.top        { width: auto; }
.products th,
.products td			{ border-bottom: 1px solid #dedede; padding: 6px 0 6px 13px; vertical-align: top; }
.products .bottom th,
.products .bottom td	{ border: none; padding-top: 1px; background: url(../images/BKGwork.gif) top left repeat-x; }

.gallery			{ list-style: none; width: 100%; background: url(../images/BORDERgallery.gif) repeat-y; overflow: hidden; }
.gallery td			{ width: 178px; padding-right: 1px; border-bottom: 1px solid #dedede; vertical-align: top; }
.gallery .last td	{ border: none; padding: 0; background: none; }
.gallery a			{ height: 128px; display: block; }
.gallery img		{ margin: 14px auto 5px auto; display: block; }
.gallery .more		{ margin: 0 5px 0 10px; padding-bottom: 11px; height: auto; float: left; }

.item_details			{ width: 429px; float: right; border-bottom: 1px solid #dedede; }
.item_details th		{ border-bottom: 1px solid #dedede; }
.item_details .gray td	{ background: #efefef; padding: 6px 5px 4px 3px; }
.item_details th,
.item_details td		{ vertical-align: top; padding: 10px 5px 8px 3px; }

/************************** FORMS **************************************/
.input 			{ border: 1px solid #dedede; padding: 2px; width: 211px; }
label			{ display: block; margin: 16px 0 5px 2px; }
textarea		{ border: 1px solid #dedede; padding: 2px; height: 177px; width: 681px; }
.button 		{ background: url(../images/BKGbutton_left.gif) top left no-repeat; display: block; padding-left: 6px; cursor: pointer; float: left; }
.button strong	{ background: url(../images/BKGbutton_right.gif) top right no-repeat; display: block; padding: 5px 6px 5px 0; }

#newsletter				{ background: url(../images/BKGnewsletter.jpg) no-repeat; height: 110px; margin-top: 16px; padding-left: 13px; }
#newsletter h2			{ margin: 0; padding: 14px 0 4px 0; }
#newsletter span		{ display: block; margin-bottom: 5px; }
#newsletter input		{ float: left; width: 219px; margin: 2px 5px 0 0; border: 1px solid #fff; }

#offer				{ border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 0 0 17px 13px; overflow: hidden; }
#offer label.marg	{ margin-top: 25px; }
#offer .button		{ float: right; margin: 24px 20px 0 0; }

/************************* FOOTER *************************************/
#footer		{ width: 945px; float: left; border-top: 1px solid #dedede; margin-top: 39px; padding: 14px 0; }
.inner_text	{margin-left:50px;margin-right:50px;}