@import url("/libs/stylesheets/base.css");
@import url("/libs/stylesheets/site/base.css");

body { background:#33A784 url("/images/bodyF.png") repeat-x; font-family:Arial, Helvetica, sans-serif }
#header { background:url("/images/headerF.png") no-repeat; height:240px }
#header .logo { /*background:url("/images/logo.jpg") no-repeat;*/ cursor:pointer; height:80px; left:0; position:absolute; text-indent:-9000px; top:20px; width:360px }
#wrapper { padding:0 250px 0 0; width:740px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y }
#content { background:url("/images/contentF.png") no-repeat left top; padding:40px 55px 30px 47px ; width:633px }
#rail { margin-right:-250px; padding:0 5px 0 0; width:250px }
#footer { color:#333 }
#propaganda-menu { left:5px; top:5px }

/* main-menu */
.main-menu { bottom:10px; left:13px  }
.main-menu li { border:none; float:left; padding:0 1px 0 5px }
.main-menu a, .main-menu a span { cursor:pointer; display:block; float:left }
.main-menu a { /*background:url("/images/main-menuL.png") no-repeat left top;*/ font-size:1.5em; font-weight:400; padding:0;  }
.main-menu a span { /*background:url("/images/main-menuR.png") no-repeat right top;*/ color:#FFF; height:18px; padding:5px 12px 5px 6px }
.main-menu a:hover { background-position:left -30px; text-decoration:none }
.main-menu a:hover span { background-position:right -30px; color:#333 }
.main-menu a.active, .main-menu a.active:hover { background-position:left -60px }
.main-menu a.active span, .main-menu a.active:hover span { background-position:right -60px; color:#333 }

/* secondary menu */
.secondary-menu { color:#900; position:absolute; right:155px; top:105px }
.secondary-menu li { border-right:1px solid #DFDFDF; float:left; padding:0 7px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#333; font-size:1em; text-decoration:none; text-transform:uppercase; }
.secondary-menu a:hover, .secondary-menu a.active { color:#33A784 }
.secondary-menu a:hover { text-decoration:underline }
.secondary-menu a.active { font-weight:700 }

/* theme */
.deco-home { background:url("/images/deco-home.jpg") no-repeat; display:block; height:210px; margin-top:-20px }
a.textlink, .redcloth a { color:#33A784 }
a.textlink:hover, .redcloth a:hover { background-color:#33A784; color:#FFF }
#propaganda-menu { left:40px }

/* rail menu */

/* content */
#content { color:#333 }
#content strong { color:#34A682 }
#content h2 { border-bottom:none; color:#34A682 ; font:400 2em Arial, Helvetica, sans-serif; }
p { font:400 1.2em Arial, Helvetica, sans-serif; line-height:1.5em; text-align:justify }
ul.plainlist li, 
ul.blanklist li, 
.redcloth ul li, 
.redcloth ol li { background:url("/images/libullet.png") no-repeat left 8px; font-size:1.2em }

/* articles */
.article-wrapper h3 { padding-top:0 }
.article-wrapper h3 a { color:#34A682; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover { background:#34A682; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:transparent; border-bottom:1px solid #CCC; padding:0 0 10px }

/* rail */
#rail h2 { border-bottom:none; color:#34A682 ; font:400 1.8em Arial, Helvetica, sans-serif; }
#rail p { margin-right:40px; text-align:left }
#logo-wrapper { position:relative; display:block; height:140px; width:210px }
.logo { display:block; position:absolute }
.first { background:url("/images/logo-duratherm.png") no-repeat; top:0; left:0px; width:109px; height:30px }
.second { background:url("/images/logo-gneuss.png") no-repeat; display:block; position:absolute; top:0; left:114px; width:95px; height:43px }
.third { background:url("/images/logo-infrapoint.png") no-repeat; display:block; position:absolute; top:35px; left:0; width:109px; height:16px }
.fourth { background:url("/images/logo-omerin.png") no-repeat; display:block; position:absolute; top:48px; left:114px; width:95px; height:18px }
.fifth { background:url("/images/logo-novus.png") no-repeat; display:block; position:absolute; top:57px; left:0; width:109px; height:25px }
.sixth { background:url("/images/logo-vertex.png") no-repeat; display:block; position:absolute; top:71px; left:114px; width:95px; height:48px }
.seventh { background:url("/images/logo-tg.png") no-repeat; display:block; position:absolute; top:87px; left:0; width:51px; height:48px }
.eighth { background:url("/images/logo-tpi.png") no-repeat; display:block; position:absolute; top:87px; left:56px; width:51px; height:48px }
.ninth { background:url("/images/logo-vulcan.png") no-repeat; display:block; position:absolute; top:111px; left:114px; width:95px; height:24px }

.rail-menu { font-size:1.2em; margin:0 }
.rail-menu li { border-bottom:1px solid #80C8B1; width:210px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a { color:#22312F; display:block; cursor:pointer; width:100%; /*height:30px;*/ line-height:2em; padding:1px 0 0 1px; text-decoration:none }
.rail-menu a:hover { background-color:#80C8B1; color:#394C4C; background-position:0 -31px; font-weight:700 }
.rail-menu li.active a  { background-position:0 -31px }

#rail h2 { color:#FFF }
#rail .panel { background:url("/images/rail-panelT.png") no-repeat left top; padding:0; margin:0 }
#rail .body { padding:20px 0 0 20px }
#rail .footer { background:url("/images/rail-panelB.png") no-repeat left top; display:block; height:14px }

/* Products */
.product-wrapper .image { float:left; width:170px; margin-right:20px }
.product-wrapper .image img { border:1px solid #CCC }
.product-wrapper .product-list li { border-bottom:1px solid #EFEFEF; margin:0 0 20px; padding:0 0 20px }
.product-wrapper .description { float:left; width:430px }
.product-wrapper .description p { font-size:1em }

.product-wrapper .left, .product-wrapper .right, .article-wrapper .left, .article-wrapper .right { float:left; margin-top:20px }
.product-wrapper .left, .article-wrapper .left { padding:0 10px 0 0; width:360px }
.product-wrapper .left p { text-align:justify }
.product-wrapper .right, .article-wrapper .right { padding-left:40px; width:170px }
.product-wrapper .right .gallery, .article-wrapper .right .gallery { padding:10px 0 0 10px; width:160px }
.product-wrapper .right .gallery h3, .article-wrapper .right .gallery h3 { text-align:center; width:160px; padding:0 }
.product-wrapper .right .gallery ul li, .article-wrapper .right .gallery ul li { display:block; float:left; margin:0 0 10px; text-align:center; width:162px }
.product-wrapper .right .gallery ul img, .article-wrapper .right .gallery ul img { border:1px solid #CCC }

.product-wrapper fieldset dt, .product fieldset dd { display:block; float:none }
.product-wrapper fieldset dt { text-align:left }
.product-wrapper fieldset .actions { padding:0; margin:0 }

/* Misc */
.vcard dt { font-weight:700 }
button.submit { background:url("/images/button-submit.png") no-repeat left top; border:none; display:block; height:30px; padding:1px 0; width:90px; text-indent:-9999em }
/*#content .submit { margin-left:130px }*/

/* ---- SPACING ---- */
h2 { margin:20px 0 20px; padding:0 0 2px }
h3 { margin:10px 0 }
ul.plainlist, ul.blanklist, ol.orderedlist, .redcloth ul, .redcloth ol { padding:0 0 10px }
p { padding:0 0 20px }