@import url(/css/conf.toolbar.css);
@import url(/css/main.catalog.css);
@import url(/css/main.news.css);
@import url(/css/tool.pages.css);

html, body
{
	font-family: "Tahoma", "Trebuchet MS","Verdana","Helvetica",sans-serif;
	background: #333 url(/img/index/bg_body.gif);
	margin: 0;
	padding: 0;
}

body, td
{
	font-size: 11px;
}

h1, h2, h3
{
	font-weight: normal;
}

h1
{
	color: #333;
	font-size: 200%;
	text-transform:uppercase;
}

h1:first-letter
{
	color: #DD2523;
	font-size: 150%;
}

h2
{
	margin-top: 2em;
}

h3
{
	font-weight: bolder;
}


h3 b
{
	display: none;
}

a
{
	color: #c00;
}

a:hover
{
	color: #59595b;
}

#layout
{
	background: #fff;
	width: 968px;
}


#general_content ul, #content ul { margin: 0.5em 0; padding: 0 0 0 2em; }
#general_content ul li, #content ul li
{
    margin: 0.5em 0; padding: 0 0 0 20px;
    list-style-type: none;
    behavior: expression( !this.before
            ? this.before = this.innerHTML = '— ' + this.innerHTML : '' );
	text-indent: -1.24em;
}
#general_content ul li:before,#content ul li:before { content: '\2014\a0'; }


img
{
	border: none;
}

.img
{
	text-align: center;
	border: 1px solid #333;
}

#flow
{
	width: 968px;
	margin: 0 auto;
}

#menu
{
	background: #ebebeb url(/img/index/bg_brand_list.gif);
}

#globals, #header, #layout
{
	border-left: 2px solid #333;
	border-right: 2px solid #333;
}

#header
{
	background: url('/img/index/bg_visual_bath.jpg') no-repeat;
	padding: 25px;
	margin: 0;
	width: 968px;
	height: 330px;
}

#headline_ico
{
	text-align: center;
	margin: 4px 0 0 40px;
}

#headline_ico img
{
	padding: 0;
}

#headline_ico strong img
{
	padding: 0;
	background: url('/img/index/bg_ico_active.gif') no-repeat center;
}

#header_phone
{
	padding: 30px 16px 10px 16px;
	font-family: arial, tahoma, sans-serif;
}

	#header_phone a
	{
		text-decoration: none;
		color: #777;		
	}
		#header_phone a strong
		{
			font-size: 2.2em;
			color: #333;
		}

#basket_container
{
	padding-left: 40px;
}

#basket_content
{
	background: url('/img/index/bg_basket.gif') no-repeat;
	width: 144px;
	height: 84px;
	padding: 40px 0;
	font-size: 10px;
	text-align: center;
	margin: 0;
}

#search
{
	background: url(/img/index/bg_search_glass.gif) no-repeat left;
	padding: 25px 0 0 55px;
	margin: 0;
}

#search input
{
	font-size: 10px;
}

#search td{padding: 2px;}

#logo
{
	padding: 8px;
	vertical-align: top;
}

#hmm
{
	position: absolute; top: 60px; left: 45px;
}

#hmm img
{
	padding: 4px;
}

#crumbs
{
	padding: 10px 0 10px 18px;
	background: url('/img/index/ico_home_crumb.gif') no-repeat left;
}

#crumbs strong
{
	color: #778391;
}

.project
{
	padding: 2em;
}

.image
{
	height: 100px;
	width: 33%;
}


/* GLOBALS **************************************************************************** */
#globals
{
	background: #000 url('/img/index/bg_globals.gif') repeat-x;
}

#globals img:hover
{
	background: url('/img/index/bg_globals_active.gif') repeat-x top;
}

#globals strong img
{
	background: url('/img/index/bg_globals_active.gif') repeat-x top;
}

/* OPTIONALS **************************************************************************** */
#optionals
{
	color: #333;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #778391;
}

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

#optionals li
{
	background: none;
	margin: 0;
}

#optionals li strong
{
	padding: 0 0 0 10px;
	background: url('/img/index/bg_arr.gif') no-repeat;
	background-position: 0 4px;
}

#optionals li a
{
	padding: 0 0 0 10px;
}

#optionals li a:hover
{
	text-decoration: none;
}

/* Content **************************************************/

.general_news
{
	background: #E3E6E8;
	padding: 8px 20px;
	margin: 40px -40px;
}

#content_container
{
	border-right: 1px solid #333;
	width: 70%;
}

#content, #general_content
{
	padding: 0 40px 0px 40px;
	background: #fff;

}

#general_content
{
	padding: 0;
	position: relative;
	top: 170px;
	left: 0px;
}

#content li, #general_content li
{
	margin-bottom: .5em;
}

#content ul, #general_content ul
{
	list-style-type: square;
}

#content
{
	overflow: none;
}

#content form
{
	display:block; 
}

#content form .def
{
	border:1px solid #b3b9c3; width:40%; font:1em arial;
}

#content img
{
	/*padding: 10px;
	background: url('/img/index/bg_img.gif');
	border: 2px solid #ddd;
	*/
	
}

#button
{
   background: #FFDC8B url('/img/index/bg_btn.gif') top;
   border: 1px solid #ccc;
   font-family: "Trebuchet MS", "Tahoma", sans-serif;
   padding: 4px 30px;
   width: 10em;
}

/* FOOTER **************************************************************************** */
#footer
{
	padding: 20px;
	font-size: 11px;
	color: #aab3c1;
	background: #333;
}

#footer a
{
	color: #fff;
}

/* ALTERNATES **************************************************************************** */

#alternates
{
	text-align: left;
	float: left;
	width: 100%;
}

#alternates a
{
}

#alternates a:hover
{
}

/* COPY **************************************************************************** */
#copy
{
	text-align: left;
}

#phone
{
	position: relative;
	top: -40px;
	right: 20px;
	float: right;
	clear: both;
}

#phone strong
{
}


#ideil
{
	margin: 20px 0 0 0;
	line-height: 1.5em;
}
#ideil a{color: #778391;}

/* THUMB **************************************************************************** */
dl.thumb
{
	margin: 0 0 2em 0;
	padding: 0;
	clear: both;
}

.thumb dt, .thumb h2 a, .thumb h2
{	
	text-decoration: none;
	padding: .5em 0 .3em 0;
	margin: 0;
}

.thumb dd
{
	text-align: justify;
}

.thumb dt, .thumb dd
{
	margin: 0;
	padding: 0;
}

.thumb .img
{
	margin: 0 0 0 28px;
	float: right;
}

.em
{
	background: #fff url('/img/index/bg_em.gif') repeat-x;
	padding: 30px;
	margin: 0;
}

.em h2 
{
	margin-top: 0;
}

table
{
	border: 0px;
	border-collapse: collapse;
}
table td
{
	padding: 0px;
	vertical-align: top;
}

table.clean td
{
	padding: 0;
	text-align: left;
}

table.grid td
{
	padding: 2em;
	text-align: left;
}

table.product_grid td
{
	padding: 0 10px 0px 0;
	text-align: left;
}

table.project_list td
{
	padding: 0 10px 30px 0;
	text-align: left;
}


.review
{
	margin-top: 1em;
}

.review_short
{
	font-size: 85%;
	color: #777;
}

#interior_types
{
	text-align: right;
	font-size: 110%;
}

.favorites
{
	font-size: 80%;
	padding: 0 4px 0 0;
}

td.padding
{
	padding: 0 2em 0 2em;
}


table.table
{
	background: #fff;
	border: 1px solid #BDC6E0;
	position: relative;
	margin-top: 1em;
	cursor: default;
}

table.table caption 
{
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
}

table.table tr {background: #fefefe;/*#efefef;*/}
table.table tr th
{
	background: #F1F3FA url('/img/conf/bg_tablehead.gif') repeat-x;
	color: #000;
	font-weight: normal;
}
table.table tr.alt {background: #fefefe;}
table.table tr.dbl input, table.table tr.dbl{color: #999;}
table.table tr.alt.selected, table.table tr.selected{background: #defbdd;}

table.table td, table.table th
{
	margin: 0;
	padding: .4em .4em;
	border-bottom: 1px solid #BDC6E0;
	vertical-align: top;
	text-align: left;
	font-size: .9em;
}

table.table th
{
	border: 1px solid #BDC6E0;
	padding-left: 1.2em;
}

table.table th.toolbox, table.table th.toolbox a
{
	text-align: right;
	text-decoration: none;
}

table.table td h3
{
}

table.table th
{
	color: #999;
}

.href
{
	text-decoration: none;
	border-bottom: 1px dashed;
}

#gallery td
{
	padding: 0 0 20px 0;
}

#gallery td a
{
	text-decoration: none;
}

#gallery .link
{
	margin-left: 10px;
}

.category {width:100%;}
.category div {width:98%; height:200px; position:relative; margin:0px auto;}
.category div div {width:23%; height:125px; position:absolute; top:36px; border:1px solid #8c8c8c; background:#DED9D0; min-width:23%;}
.category div div div {width:100%; height:125px; position:absolute; top:0px; border:0px; background:none; overflow:hidden}
.category div img {position:absolute; left:50px; margin-left:-120px; z-index:0}
.category div div.i1 {left:0%}
.category div div.i2 {left:25%}
.category div div.i3 {left:50%; margin-left:-2px}
.category div div.i6 {left:75%; margin-left:-2px}
.category p {font-size:12px; position:absolute; top: 125px; padding-left:8px; margin:0px}

div.catvisual a {background: #778391; color: #fff; display: block; float: right;padding: 8px; margin: 0;font-size: 140%;}
div.ii1 {background: url('/img/index/catalog_1.jpg'); width: 100%; height: 130px;}
div.ii2 {background: url('/img/index/catalog_2.jpg'); width: 100%; height: 130px;}
div.ii3 {background: url('/img/index/catalog_3.jpg'); width: 100%; height: 130px;}
div.ii6 {background: url('/img/index/catalog_6.jpg'); width: 100%; height: 130px;}
div.ii7 {background: url('/img/index/catalog_7.jpg'); width: 100%; height: 130px;}

#tooltip{
background:#fff;
border:1px solid #666;
color:#333;
font:menu;
margin:0px;
padding:3px 8px;
position:absolute;
visibility:hidden
}


.dealer
{
	padding: 0;
	margin-left: -40px;
}

.ff
{
	font-size: 12px;
	padding: 1px 0;
	border: 1px solid #999;
}

#form_fields td
{
	padding: 1px 2px
}

#comments td
{
	padding: 4px 4px 16px 4px;
}