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

body { background:#000 url("/images/bodyF.png") repeat-x; color:#555; font-family:Arial, Helvetica, sans-serif; }
#header { background:url("/images/headerF.png") no-repeat; height:350px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y; width:990px }
#wrapper { padding:0 270px 0 0; width:720px }
#content { background:url("/images/contentF.png") no-repeat; padding:45px; width:630px }
#rail { background:url("/images/railF.png") no-repeat top left; margin-right:-270px; padding:12px 5px 45px 45px ; width:220px }
#footer { color:#333; width:960px }

/* main-menu */
div.buttons a { height:199px; float:left; display:block; top:151px; position:absolute; text-indent:-9999em }
.button-new a { background:url("/images/button-new.png") no-repeat; width:330px; cursor:pointer }
.button-used a { background:url("/images/button-used.png") no-repeat; width:372px; cursor:pointer; left:330px }
.button-quote a { background:url("/images/button-quote.png") no-repeat; width:288px; cursor:pointer; left:702px }

/* secondary menu */
.secondary-menu { color:#FFF; font-size:1.2em; font-weight:700; position:absolute; left:80px; top:13px }
.secondary-menu li { float:left; padding:0 190px 0 0 }
.secondary-menu li.last-child { border-right:none; padding-right:0 }
.secondary-menu a { color:#333; text-decoration:none; text-transform:uppercase }
.secondary-menu a:hover, .secondary-menu a.active { color:#FFF; font-weight:700 }

/* theme */
#header .logo { cursor:pointer; height:110px; left:274px; position:absolute; text-indent:-9000px; top:50px; width:441px }
#content h2 { border-bottom:1px solid #CCC }
#content h2, #rail h2 { font-size:2em }

h2, h3, p {font-family:Arial, Helvetica, sans-serif }
h3 { color:#FF9900; font-weight:700 }
p { line-height:1.7em }
a.textlink, .redcloth a { color:#F90 }
a.textlink:hover, .redcloth a:hover { background-color:#F90; color:#FFF; text-decoration:none }
#propaganda-menu { left:40px }
div.image { margin:12px 20px 0 0 }
div.faux-box { width:300px; float:left; padding-bottom:30px }
ul.plainlist li, ul.blanklist li, ol.orderedlist li, .redcloth ul li, .redcloth ol li { background:url("/images/libullet.png") no-repeat left 8px; font-size:1.1em; line-height:1.4em; padding:2px 2px 2px 15px }

div.illustration { float:left; width:310px; display:block; height:190px }
div.illustration.kitchen { background:url("/images/illustration-services-01.jpg") no-repeat }
div.illustration.canteen { background:url("/images/illustration-services-02.jpg") no-repeat }

.faux-highlight { color:#C00 } 

/* gallery */
#gallery img { margin-bottom:5px; float:right; clear:both }

/* products */
.product-wrapper .product { border:1px solid #CCC; padding:20px; margin:20px 0 }
.product-wrapper .product .image, .product-wrapper .product .info, .product-wrapper .product .code { float:left }
.product-wrapper .product .image { width:170px }
.product-wrapper .product .image img { height:120px; width:160px }
.product-wrapper .product .code { font-size:1.3em; font-weight:700; text-align:right; width:120px }
.product-wrapper .product .info { font-size:1em; line-height:1.5em; padding:0 10px; width:240px }
.product-wrapper .product h3 a { color:#039; font-weight:700; padding:1px }
.product-wrapper .product h3 a:hover { background:#039; color:#FFF } 
.product-wrapper .left, .product-wrapper .right, .product-wrapper .center { float:left; margin-top:20px }
.product-wrapper .left { padding:0 20px 0 0; width:180px }
.product-wrapper .center { background-color:#e3e3e3; border:1px solid #DDD; padding:0 10px 15px; width:170px }
.product-wrapper .right { padding-left:40px; width:190px }
.product-wrapper .right img { height:120px; width:160px }

.product-wrapper dl.specs { line-height:1.5em }
.product-wrapper dl.specs dt { background:url("/images/libullet.png") no-repeat left 6px; font-weight:700 }
.product-wrapper dl.specs dt, .product-wrapper dl.specs dd { padding-left:15px }

/* product-form */
.product-wrapper fieldset dt { float:none; text-align:left }

/* articles */
.article-wrapper h3 a, 
#content h3 a { color:#F90; font-weight:700; padding:1px; text-decoration:underline }
.article-wrapper h3 a:hover, 
#content h3 a:hover { background:#F90; color:#FFF; text-decoration:none }
.article-wrapper .entry { background:transparent; border-bottom:1px solid #CCC; padding:0 0 10px }

/* form */
fieldset { padding-top:30px }
.submit.pad { margin-left:130px }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; border:none; cursor:pointer; height:30px; text-indent:-9999em; width:90px }
fieldset .actions button.submit:hover { background-position:left -30px }

/* rail */
#rail h2 { border-bottom:none; color:#FFBC00; width:180px }
#rail h2 span { color:#FFF }
#rail p { color:#FFF }
#rail ul.plainlist { color:#FFF; width:160px }
.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #333; width:180px }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { color:#FFF; width:100%; text-decoration:none }
.rail-menu a span { color:#FFF; line-height:1.5em; padding:1px 0 0 3px }
.rail-menu a:hover { background-color:#FFAE00 }
.rail-menu a:hover span { color:#333 }
.rail-menu li.active a span { color:#333; font-weight:700 }
#rail .banner a { cursor:pointer; display:block; height:135px; text-indent:-9999em; width:180px }
#rail .banner.specials { background:url("/images/banner-specials.png") no-repeat }

/* vcard */
.vcard dt { font-weight:700 }

/* spacing */
#content h2 { margin-bottom:30px; padding-bottom:10px }
#rail h2 { margin-bottom:0; padding-bottom:20px } 
#rail ul.plainlist { padding-bottom:30px }
.rail-menu { padding-bottom:20px } 
.product-wrapper .product h3 { margin-top:0; padding-top:0 }
.product-wrapper .product .info, .product-wrapper .product .code { padding-top:10px }
div.illustration { padding-bottom:40px }
#rail .banner.bannerpad { margin: 2px 0 0 -20px }
#rail .pad { padding-top:29px }