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

/* main layout */
body { background:#F0F0F0 url("/images/bodyF.png") repeat-x center top; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header { background:#333 url("/images/headerF.jpg") no-repeat; height:120px }
#layout-wrapper { background:url("/images/faux-columns.png") repeat-y; width:990px }
#wrapper { padding:0 410px 0 0; width:580px }
#content { padding:0 40px 50px 30px; width:510px }
#rail { margin-right:-410px; padding:0 40px; width:330px }
#footer { color:#333; height:30px; margin:0 auto; position:relative }

/* main-menu */
.main-menu { color:#FFF; font-size:1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; left:35px; top:94px }
.main-menu li { border-right:1px solid #A00; float:left; padding:0 18px }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#FFF; text-decoration:none }
.main-menu a:hover, .main-menu a.active { color:#F0F0F0; text-decoration:underline }
.main-menu a.active { font-weight:700; text-decoration:none }

/* secondary-menu */
.secondary-menu { color:#FFF; font-size:0.9em; position:absolute; right:32px; text-transform:uppercase; top:64px }
.secondary-menu li { border-right:1px solid #DEDEDE; float:left; padding:0 8px }
.secondary-menu li.last-child { border-right:none }
.secondary-menu a { color:#666; text-decoration:none }
.secondary-menu a:hover, .secondary-menu a.active { color:#039; text-decoration:underline }
.secondary-menu a.active { font-weight:700; text-decoration:none }

/* theme */
a.textlink { color:#C00 }
a:hover.textlink { background-color:#039 }
ul.plainlist li { background:url("/images/libullet.png") no-repeat left 8px }
#propaganda-menu { left:30px; top:5px }
.deco-default { background:url("/images/deco-default.jpg") no-repeat; height:210px; margin:0 -30px 0 -30px; width:580px }
.highlight { color:#C00 }

/* products */
.product-wrapper .product { border:1px solid #000; padding:10px; margin:20px 0 }
.product-wrapper .product .image, .product-wrapper .product .info, .product-wrapper .product .pricing { float:left }
.product-wrapper .product .image { width:170px }
.product-wrapper .product .pricing { width:80px }
.product-wrapper .product .info { font-size:0.9em; padding:0 60px 0 0; width:340px }
.product-wrapper .product .info p { text-align:justify }
.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 { float:left; margin-top:20px }
.product-wrapper .left { padding:0 20px 0 0; width:320px }
.product-wrapper .right { width:170px }

.article-wrapper .entry { background:none }

/* banners */
#rail .banner a { display:block; padding:0; text-indent:-9999em; width:410px }
.advice a { background:url("/images/rail-banner.png") no-repeat; height:190px; margin:0 -40px }
.ad a { background:url("/images/rail-banner-ad.jpg") no-repeat; height:120px; margin:10px -40px 0 }

/* content */
#content h2 { border-bottom-color:#DDD; color:#009 }

/* rail */
#rail h2 { color:#C00 }
.rail-menu { font-size:1.1em; margin:0 }
.rail-menu li { border-bottom:1px solid #DDD; width:330px }
.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 { width:100% }
.rail-menu a span { color:#009; font-weight:400; height:26px; line-height:2em; padding:1px 0 0 10px }
.rail-menu a:hover { background-color:#009; color:#FFF }
.rail-menu a:hover span { color:#FFF; font-weight:400 }
.rail-menu li.active a span { background-color:#CC0000; color:#FFF; font-weight:700 }

/* basket*/
.panel-basket { background-color:#C00; width:330px; padding:0 40px; margin:0 -40px }
.panel-basket a.textlink { color:#FFF }
.panel-basket p { color:#FFF; font-size:1.2em; padding-top:3px }  
.panel-basket .top { background:url("/images/rail-basket-b.png") no-repeat left top; height:20px; margin:0 -40px }
.panel-basket .bottom { background:url("/images/rail-basket-t.png") no-repeat left top; clear:both; height:10px; margin:0 -40px }
.basket-summary { background:url("/images/deco-basket.png") no-repeat left top; height:40px; position:relative }
.basket-summary span { position:absolute }
.basket-summary .items { display:none }
.basket-summary .total { display:none }
.basket-summary .link { top:10px; right:0px }

.basket-functions input { height:14px }
.basket-functions button.add { background:url("/images/button-add.png") no-repeat left top; height:20px; width:50px }
.basket-functions button.remove { background:url("/images/button-remove.png") no-repeat left top; height:20px; width:70px }
.basket-functions button.add:hover, .basket-functions button.remove:hover { background-position:left -20px }

/* forms */
fieldset .actions { clear:both; padding:1px 0 2px 130px }
fieldset .actions button { background:#000; border:none; cursor:pointer; padding:0; text-indent:-9999em }
fieldset .actions button.submit { background:url("/images/button-submit.png") no-repeat; height:30px; width:90px }

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

/* spacing */
#content h2 { padding-bottom:8px; margin-bottom:20px }
#rail h2 { padding:20px 0 10px }