html, body { margin:0; padding:0; width:100%; height:100%; }

body { color: black; background-color: #FFF200; font-family: Helvetica, sans-serif; text-align: left;  min-width: 948px; }

a { color: #9e9e9e; text-decoration: none; }
a:hover { color: black; text-decoration: none; }

h1, h2, h3, h4, h5, img{padding:0; margin:0; border:0;}
h4 { font-size: 100%}

.clear { clear:both; }
.white {background: white;}

#headline { height: 86px; background-color: black; /*: black url(../i/logo.gif) no-repeat 74px 13px;*/}
#logo { position: absolute; left: 74px; top: 13px;}

#menu { padding-left: 245px; padding-top: 60px; float:left;}
#menu a { color: #ffffff; text-decoration:none; margin-left: 20px;}
#menu a:hover { text-decoration: underline; color: #FFF200; }
#menu .selected {color: #FFF200; margin-left: 20px;}

#search {float:right; }
#search a { color:#9e9e9e; text-decoration:none; font-weight: bolder;}
#search a:hover { text-decoration: underline; color: #FFF200;}

#linesize { padding-top:37px; margin-right: 74px; text-align: left; color:#9e9e9e;}
.text2 { font-size:12px; margin-left:10px;}
.text3 { font-size:14px; margin-left:4px;}
.text4 { font-size:16px; margin-left:4px;}
#search form{margin: 3px 74px 0 0;}
#search .equal { vertical-align: middle; margin: 0; padding: 0; border: 0; height:18px;}
#search input#searchtext { width:256px; color:#9e9e9e; padding: 0px 5px 0; }
#search input#searchbtn { width: 17px; height:18px; background: url(../i/search.gif) no-repeat left top; }

#yellowline { height: 2px; background-color: #FFF200; color: #FFF200; width:100%;}
#headpic { height: 178px; background: url(../i/back-head.gif) repeat-x;}
#headpic div#left { z-index:1;  position:absolute; top:88px; left: 0px;}
body.white #headpic { background: url(../i/back-white.png) repeat-x 0 0;}

#mainmenu {height: 35px; padding-left: 78px; background: black url(../i/back-menu.gif) repeat-y right;}
#rss {position: absolute; top: 585px; right: 414px;}

#tabs div { position: absolute; width: 118px; height: 23px; padding: 4px 0 0 25px; margin-top:12px; background: url(../i/inactive-tab.png) no-repeat; font-weight: bold; }

/*110px ..., 8px - ...*/

#tabs div#catalog { }
#tabs div#lease { left: 196px; }
#tabs div#service { left: 314px; }

#tabs div.selected { background: url(../i/active-tab.png) no-repeat; }
/*#tabs div.selected { z-index:1; background: url(../i/active-tab.png) no-repeat; }*/
/*#tabs div.selected { color: red; }*/

#submenu{ float: right; right: 70px; text-align: center; font-weight: bolder; margin-right:70px; }
#submenu span { border-left: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; float:left; padding: 5px 20px 0 20px; margin-right:-1px; cursor: pointer; display:block}
#submenu .menu1 { border-top: 9px solid #808284;}
#submenu .menu2 { border-top: 9px solid #BCBEC0;}
#submenu .menu3 { border-top: 9px solid #414142;}
#submenu a:hover{ color: #FFF200; }
#submenu .selected { margin-top: 26px; border-top: 1px solid #abadac; border-right: 1px solid #abadac; border-left: 1px solid #abadac; background: #FFF200;}

#overhead{ position:absolute; top:185px; left:65px; height: 160px; width:28px; background: url(../i/back-head-tree.png) no-repeat 0 0px; z-index: 2;}
#headtext{ position:absolute; top:155px; left:65px; z-index:2;}
#headtext_job { position:absolute; top:165px; left:65px; z-index:2;}
#overhead1l{ position:absolute; top:203px; left:65px; height: 147px; width:28px; background: url(../i/back-head-tree1.png) no-repeat 0 0px; z-index: 2;}
#headtext1l{ position:absolute; top:187px; left:65px; z-index:2;}
#headtext h1, #headtext1l h1, #headtext_job h1{  border-left: 5px solid #FFF200; padding-left: 7px; color:white; font-size: 26px; width: 350px; font-weight: bold;  margin-left: 13px; text-transform: uppercase}
#headtext h2, #headtext1l h2{ padding-left: 7px; padding-top: 5px; color:black; font-size: 16px; font-weight: bold; margin-left: 20px; text-transform: uppercase}

#headtext_job h1 { color: black} 


#up { min-height: 100%; position: relative;}
* html #up { height: 100%; }
#content { padding: 8px 70px 50px 78px; bottom: 39px; }

#rightpane_fixed { width: 390px;  float:right; height:100%;}
#leftpane  { margin-right: 398px; height:100%;}


#leftpane_fixed { width: 260px; height:100%; padding: 10px; float:left; border-right: 1px solid #fff661; background: url(../i/treelt.png) no-repeat top left;}
body.white #leftpane_fixed {border-right: none; background: url(../i/treelt.png) no-repeat top left;}
#rightpane  { margin-left: 279px; height:100%; border-left: 1px solid #ebdd00; padding:10px; margin-top:5px;}
body.white #rightpane  { margin-left: 279px; height:100%; border-left: 1px solid #abadac; padding:10px; margin-top:5px;}

#leftpane_fixed_cats { margin-left: 27px; width: 233px; height:100%; padding: 10px; float:left; border-right: 1px solid #fff661; background: url(../i/treelt.png) no-repeat top left; }
#rightpane_cats  { margin-left: 296px; height:100%; border-left: 1px solid #ebdd00; padding:10px; margin-top:5px; }
#rightpane_float { float: left; }

#leftpane_fixed, #leftpane_fixed_cats { height : 430px}

.block3d { border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #d7c800; border-right: 1px solid #d7c800;}
.greybox { border: 1px solid #abadac;}

#tree { padding-left: 10px; background: url(../i/main-dotted.png) repeat-y 10px 20px; margin-bottom: 8px;}
.treecell { margin-bottom: 8px; padding-left: 14px; background: url(../i/main-tree-common.png) no-repeat; margin-left:2px; position: relative;}
.lasttreecell { margin-bottom: 0px; padding-left: 14px; background: url(../i/main-tree-end.png) #FFF200 no-repeat 0 1px;}
.lasttreecell { border-bottom: solid 1px #fff200;}

.catblock { min-height: 95px; }
.catblock .textline {min-height: 18px; margin: 3px; padding-top: 4px; padding-left: 4px; background: #939598; }
#content .catblock h2   {  font-weight: bold; color:white; margin: 0; padding: 0;}
.catblock .content  { padding: 0 10px 0 40px; background:url(../i/arrow.png) no-repeat 10px 2px; margin-right:80px;}
.catblock img  { height:57px; width: 57px; margin: 3px; float: right;}
.catblock .desc{ color: white; font-size: 12px; font-weight: bolder;}
.catblock h2 a { color: black; }
.catblock h2 a:hover { color: #58585a; }

.catblock h2 a.w { color: white}
.catblock h2 a.w:hover { color: white}



.newsblock { padding: 14px 19px 10px 23px; margin-bottom: 8px; background: url(../i/red-corner.png) no-repeat 4px 4px;}
.newsblock h2{ font-weight: bold; color: black; padding:3px;}
.newsblock a.head { display: block; font-weight: bold;}
.newsblock img { padding: 8px 4px; text-align: center;}
.line  { border-bottom: 1px solid #fff661; border-top: 1px solid #ebdd00; width: 100%; color: black; height: 0px; margin: 5px 0px;}

body.white .line  { border-bottom: none; border-top: 1px solid #abadac; width: 100%; color: black; height: 0px; margin: 5px 0px;}
.newsblock .news { margin-left: 74px; border-bottom: 1px #939598 dashed;}
.newsblock .news { padding-bottom: 5px; margin-bottom: 5px;}



#breadcrumbs { padding: 3px; margin:15px 0 0 0; text-transform: uppercase; }
.paging {padding-bottom: 2px; height:13px; vertical-align:middle; float: right; margin-bottom: 3px;}
.paging img{border: 0;}
.paging a { padding-right: 0 1px}

#brandtree{ padding:19px 0 0 17px;  background: url(../i/main-dotted.png) repeat-y 27px 0;  position: relative;}
#brandlist{ background: url(../i/brands-tree-bkg.png) no-repeat 10px 10px; }
#brandline{margin-left:27px; padding: 3px; min-height: 18px; background: #58585a; }
#brandline a{ color:white; font-weight:bolder;}
#brandlinecat{ padding: 3px; min-height: 18px; background: #bbbdc0; float:right; padding:3px 10px; }
#brandlinecat a{ color:#58585a; }
#content #brandline h2 { font-weight: normal; color:white; padding-left:7px; text-transform: uppercase; margin: 0;}
#brandline h2 a { font-weight:bold}
.brandcontent  { padding: 0px 10px; }

.product {border:0; padding: 0; margin:-1px 0; min-height: 80px;}

.product img{height:auto; width:auto; float:left; position: relative;}
.product .info{ min-height: 80px; margin-left:80px; padding: 0 5px;}
.product .details{ min-height: 85px; margin-left:90px; padding: 0 5px; height:100%;}

.product_hr { border-bottom: 1px solid #fff661; border-top: 1px solid #ebdd00; height: 0px; margin-left:80px; clear: left; float: none}

#bottom { margin-top: -39px; }
#bottomline {height:4px; width:100%; background:#939598; }
#footer { height:35px; width:100%; background:black; }
.square, .square_selected {background: url(../i/square_ylw.png) no-repeat left center; padding: 0 0 0 15px;  }
body.white .square, body.white .square_selected {background: url(../i/square_wht.png) no-repeat left center; }
.square_selected { text-transform: uppercase}

#content p { padding: 4px 0 4px 0; }

#content .news p { padding: 0; text-indent: 0px}
#content h1 { margin: 10px 0}
#content h2 { margin: 10px 0 5px 0}
#content ul { margin: 0; padding: 0 0 0 20px;}


#yellowline, .line, .product_hr { font-size: 0px; }/*IE6-related*/
#searchresults { padding: 0 8px 8px 4px}
.searchresult h3 { margin-top: 8px; }

table.frm { padding: 0; margin: 0; border-collapse: collapse}
table.frm td { padding: 2px 10px 0 0; vertical-align: top}
table.frm .lbl { font-weight: bold; white-space: nowrap}
table.frm .err { color: red; }
table.frm .info { color: green}
table.frm td.ctrl input, table.frm td.ctrl textarea { width: 250px; font-family: Tahoma; font-size: 100%}
table.frm .lbl{ padding-top: 6px}
table.frm .err{ padding-top: 0px}
table.frm td.required { color: red; padding: 5px 1px 0 0;}

#popup {margin: 5px;}
#popup #content{float:left; width: 450px; padding: 0;}
#popup #content .pad { padding: 0px 20px}
#imageblock{position:absolute; left:490px;}
#bigimage { height: auto; width: 400px; background:white; margin-top: 4px; margin-left: 84px;}
#thumbnails {display:block; float: left; }
.thumb { margin:4px;}
.th { margin: 4px 8px 4px 0; border: solid 1px grey; float: left}

.pcat_nav { text-transform: uppercase; text-align:right; font-weight: bold; }
/*
#bigimage { width: 400px; background:white; margin-top: 4px; margin-left: 84px; float: none}
*/

table.grid { border-collapse: collapse}
table.grid, table.grid tr { padding: 0; margin: 0;}
table.grid td { border: 1px solid #ABADAC; padding: 0 4px; margin: 0;  }
.preview {display:none}

.c { text-align:center}
a.btn { color: white; background: #939598 none repeat scroll 0 0; text-transform: uppercase; font-weight:bold; text-align: center; padding: 2px 15px; font-size: 1.1em;}
a.btn:hover { background: #777; }