@import url("know-how.css");
@import url("icons.css");
@import url("nicetitles.css");

html { padding: 10px 25px; background-color: white }
body { width: 974px }
body, input, textarea, submit { font: normal normal normal 11px/14px Verdana,Arial,sans-serif; color: #666; background-color: white }
form { margin: 0 }
input, submit { font-size: 12px }

img { border: none }

acronym { cursor: help; border-bottom: 1px dotted }

ul { list-style-type: square }
ul ul { list-style-type: disc }
ul, ol { margin-left: 0px; padding-left: 30px }

table { border-collapse: collapse; empty-cells: show }
td { margin: 0px; padding: 2px; vertical-align: top }

h1 { font-size: 24px; line-height: 28px; font-weight: normal; margin: 20px 0 24px }
h2 { font-size: 16px; line-height: 10px; font-weight: normal; margin: 17px 0 7px; color: #f60 }

a { color: #000 }
a:visited { color: #333 }
a:hover { color: #f60 !important }

.invisible { display: none }
.rightFloat { float: right }

#siteTitle { background: transparent url("images/logo.gif") no-repeat center left; padding-left: 13px; height: 50px; margin-left: 12px }
#siteTitle span, #siteDescription { display: none }

#searchBar { text-align: right; padding: 2px; position: absolute; top: 5px; width: 974px }
#searchBar #searchBarSubmit,
#actions input
           { color: white; background: #f60 url("images/bg-button.gif") repeat-x center left; height: 20px; border: none; }
#xsearchBarInput { width: 200px; height: 20px; margin: 0; padding: 0; border: 1px solid #666 }
#searchBarInput { width: 200px; border: 1px solid #666; height: 15px; vertical-align: bottom }
#extendedSearchLink { display: none }

#authBar { text-align: right; padding: 2px; position: absolute; top: 40px; width: 974px }

#breadcrumbs { border-left: 3px solid #f60; padding-left: 3px; margin-bottom: 10px }
#breadcrumbs a { font-size: 9px; line-height: 10px; text-decoration: none }
#index2Page #breadcrumbs, #index2Page h1 { display: none }

#siteBottom { clear: both; margin-top: 30px; color: #333; font-size: 10px; line-height: 12px; border-bottom: 2px solid #f93 }
#siteBottom a { text-decoration: none; color: #333 }
#poemCopyright, #siteCopyright { padding: 3px 13px; background-color: #fc6 }
#siteCopyright { background: #fc6 url("images/bg-bottom.gif") repeat-x top left }
#siteCopyright br { display: none }
#privacyNotice a, #copyrightNotice a { padding-right: 1em }
#privacyNotice:after, #copyrightNotice:after { padding-right: 1em; content: " -" }
#poemCopyright { margin-bottom: 2px }

#menucontainer { margin-top: 5px }
#menudivider {clear: left; border: none; margin-top: 1px; height: 1px; color: #f99856; background-color: #f99856; margin-bottom: 16px }
#content-table { width: 974px; border-collapse: collapse; margin: 0; padding: 0; border: none }
#content { width: 731px; margin: 0; padding: 0 12px; border: none; vertical-align: top }
#auxpannel { width: 232px; margin: 0; padding: 0; border: none; vertical-align: top }
#indexCar { margin-left: -12px; width: 731px; height: 263px; border-left: 12px solid #f60 }
#contentCar { margin-left: -12px; width: 731px; height: 153px; border-left: 12px solid #f60 }

.small, .comment { font-size: 9px }
.important { font-weight: bold }
.red { color: red }
.warning { color: #f93 }

#auxpannel .essential, #auxpannel .operationBar { margin-bottom: 17px }

#auxpannel .essential { border: 1px solid #ccc; padding: 5px }
#auxpannel .essential h2 { margin: -5px -5px 10px; padding: 6px; text-align: center; text-transform: uppercase; color: #333; background-color: #fc6; font-weight: normal; font-size: 11px }

#auxpannel .manufacturers { border-left: 1px solid #ccc; text-align: center }
#auxpannel .manufacturers div { padding: 10px }

#auxpannel .operationBar { border: 1px solid #f60; padding: 5px }
#auxpannel .operationBar a { display: block; margin: 0; padding: 5px 0; text-decoration: none; border-bottom: 1px solid #ddd }
#auxpannel .operationBar .opBarDivider { display: none }

#auxpannel #sspAnnounce, #auxpannel #cartInfo, #auxpannel #announceStab { padding: 5px; background-color: #f60; color: white; margin-bottom: 17px; height: 143px }
#auxpannel #sspAnnounce h2 { display: inline; font-size: 14px; color: #ccc }
#auxpannel #sspAnnounce a, #auxpannel #cartInfo a { color: white }
#auxpannel #sspAnnounce a:hover, #auxpannel #cartInfo a:hover { color: #fc6 !important }

#auxpannel #cartInfo { vertical-align: middle; text-align: center }
#auxpannel #cartInfo div { margin: 20px 0; font-size: 16px; line-height: 20px }

#pager { text-align: right; margin-top: 20px }
#pager span { background-color: #f60; padding: 5px }
#pager span, #pager a { color: white; text-decoration: none }
#pager a:hover, #pager span.current { color: #fc6 !important }

#mainsections { font-size: 13px; line-height: 18px }

/* Wiki */

.wikiPageIndex .letter { margin-top: 10px; font-weight: bold }
.wikiPageIndex .label { margin-top: 5px; font-style: italic }
.wikiRecentChanges .rssLink { display: block; }
.wikiNewPages .date, .wikiRecentChanges .date { font-style: italic }
.wikiNewPages .time, .wikiRecentChanges .time { font-size: 9px; font-style: italic }
.wikiPageIndex .index, .wikiNewPagesLink, .wikiRecentChangesLink { font-size: 9px }

#documentEditForm #formattingHelp, #documentEditForm #labelsHelp, #documentEditForm #filesHelp { font-size: 9px }

#labelsList, #labelsMoreLink { font-size: 8px }

/* Shop */

#catalog { width: 100% }
#catalog ul { font-size: 14px; line-height: 17px; }
#catalog ul ul { font-size: 12px; line-height: 14px; }

#recommended { width: 100% }
#recommended td { vertical-align: bottom; text-align: center }

#auxpannel .operationBar #shopphone { text-align: center; font-size: 16px; line-height: 19px; font-weight: bold; padding: 15px 0 10px }
#auxpannel .operationBar #yamarket { border-bottom: none; text-align: center }

#shopBrandPage .logo { float: right; margin: 7px 0px 7px 7px }
#shopInstallablePage .announce, #shopBrandPage .announce { font-size: 13px; line-height: 15px; }

#opbar { clear: both }
#filter a, #sort a { text-decoration: none }
#filter .current, #sort .current { border-bottom: 1px dashed #f60 } 

#discountref { font-size: 10px; margin: 20px 0 0; clear: both }

#subcategories { font-size: 12px; line-height: 16px }

.productinfo, .lumberinfo { width: 350px; padding: 0; background: #fff url("/site/img/border-productinfo.gif") bottom left no-repeat; margin: 10px 0 }
.productinfo h2, .lumberinfo h2 { margin: 0; padding: 7px 10px; background: #fff url("/site/img/border-productinfo.gif") top left no-repeat; font-size: 12px; line-height: 14px }
.productinfo .info, .lumberinfo .info { margin: 0; margin-top: -4px; padding: 0 10px; border: 1px solid #ddd; border-width: 0 1px; background-color: #fff }
.productinfo p, .lumberinfo p { margin: 4px 0 }
.productinfo .preview, .lumberinfo .preview { float: right; margin: 7px 10px 7px 7px; border: 1px solid #ddd }
.productinfo .links, .lumberinfo .links { clear: right; padding: 5px 10px 7px }
.productinfo .links table { width: 100% }
.productinfo a.basket { display: block; height: 20px; padding-right: 20px; background: transparent url("/site/img/basket.gif") no-repeat center right }
.productinfo a.moreinfo, .lumberinfo a.moreinfo { display: block; height: 20px; padding-left: 20px; background: transparent url("/site/img/more.gif") no-repeat center left }

.productshortinfo { text-align: center; margin-bottom: 10px }
.productshortinfo a.basket { padding-right: 20px; background: transparent url("/site/img/basket.gif") no-repeat center right }

#shopProductIndexPage .picture { float: right; margin: 7px 10px 7px 7px }
#shopProductIndexPage .price { font-size: 14px; line-height: 17px; margin-bottom: 7px }
#shopProductIndexPage .basketlink { font-size: 16px; margin: 14px 0 }
#shopProductIndexPage a.basket { padding-right: 20px; background: transparent url("/site/img/basket.gif") no-repeat center right }
#shopProductIndexPage .announce, #shopProductIndexPage .description { margin-top: 7px }
#shopProductIndexPage .description table, #shopProductIndexPage .description table td, #shopProductIndexPage .description table th
   { border: 1px solid #ccc }
#shopProductIndexPage .description table th { text-align: left }

#shopProductIndexPage table#comparative { clear: right }
#shopProductIndexPage table#comparative td { width: 365px; text-align: center; padding-top: 20px }
#shopProductIndexPage table#comparative td h3 { text-align: center }

.discountprice { color: #f60 }
.installprice { color: #0b0 }

table#cart { width: 100% }
.cartTitle { color: #333; background-color: #fc6 }
#actions { margin-top: 20px; width: 100% }
#actions #right { text-align: right }

#lumbermillLumberIndexPage .picture { float: right; margin: 7px 10px 7px 7px }
#lumbermillLumberIndexPage .price, #lumbermillLumberIndexPage #ownerName { font-size: 14px; line-height: 17px; margin-bottom: 7px }
#lumbermillLumberIndexPage .description { margin-top: 7px }

/********************************************************************/
/* forms                                                            */
/********************************************************************/

#contentEditor { width: 98%; height: 300px }

div.form { display: table }
div.form div.fField { clear: left; margin-bottom: 10px }
div.form div.fField img { float: left; margin: 0 5px 2px 0 }
div.form .comment { display: block }

#documentEditForm #labelsEditor { width: 78%; height: 60px }
#documentEditForm #labelsSelector { width: 20%; height: 60px; float: right; }
#documentEditForm #filesManager { width: 50%; height: 200px; }
#documentEditForm #documentTitleEdit { width: 98% }
#documentEditForm #formattingHelp { margin: 4px 0 }
#documentEditForm #labelsHelp { margin: 4px 0; clear: right }
#documentEditForm #filesHelp { margin: 4px 0 }