/* CSS Document */

body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: lighter; background: url(/images/_site/opag/body-background.jpg) repeat-x 0 0; }


h1, h2, h3 { font-weight: lighter; padding: 0 10px; margin: 0 0 10px; }

h1, h2 { background: url(/_include/images/pix-wht-40.png) repeat 0 0 #ffab00; line-height: normal; }
h1 { font-weight: bold; font-size: 28px; color: #231f20; padding: 10px 10px; }
h2 { font-weight: normal; color: #fff; background-color: #ce3531; padding: 2px 10px; }
h3 { font-weight: normal; color: #fff; background-color: #ce3531; padding: 2px 10px; }


#holder { margin: 0 auto; }  

#workshop-display {}
#workshop-images { display: block; width: 362px; padding: 9px 0; float: left; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; margin-bottom: 10px; }
#workshop-details { display: block; width: 332px; float: right; }

#workshop-images img.main,
#workshop-images a.thumb { display: block; width: 111px; margin: 1px 0 0 10px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; float: left; }
#workshop-images a.thumb img { width: 90px; height: 110px; }
#workshop-images a.thumb + a.thumb { width: 90px; margin: 1px 0 0 1px; }
#workshop-images a.thumb + a.thumb img { width: 110px; }
#workshop-images a.active { border: 1px solid #fb8e19; }
#workshop-images img.main { width: 340px; height: auto; margin: 1px 10px 0;  }

#other-workshop-details { width: 364px; float: left; }
#other-workshop-details h3 { font-weight: bold; }



#main-menu { display: table; background: #ffab00; border: none; width: 716px; height: 75px; line-height: 75px; margin: -173px 0 0 0; text-transform: uppercase; float: right; }
#main-menu > li { display: table-cell; }
#main-menu > li.page5 { width: 180px; }

#main-menu > li > a { display: block; height: 75px; padding: 0; margin: 0; line-height: 75px; text-decoration: none; text-align: center; font-weight: bold; color: #fff; }
#main-menu > li > a:hover, 
#main-menu > li > a.on, 
#main-menu > li:hover > a { color: #f5f5f5; background-color: #ce3531; }

#main-menu > li > ul > li > a { display: block; height: auto; text-align: left; color: #ce3531; padding: 5px 15px; margin-top: 1px; line-height: 20px; }
#main-menu > li > ul > li > a.on,
#main-menu > li > ul > li > a:hover { background: #ce3531; color: #fff; }

/*#main-menu > li > ul > li > div > a { display: block; height: auto; text-align: left; color: #565656; font-weight: bold; padding: 3px 0; margin-top: 1px; line-height: 20px; border-bottom: 1px solid #565656; margin-bottom: 5px; }
#main-menu > li > ul > li > div > a:hover { background: url(/_include/images/pix-wht-40.png) repeat 0 0; }*/

#main-menu li { line-height: 75px; position: relative; float: none; zoom: 1; }
#main-menu li + li { border-left: 1px solid #fff; }
#main-menu li:hover { position: relative; z-index: 1099; }
#main-menu ul { position: absolute; top: 100%; left: -5px; height: 0; background: #ffab00; overflow: hidden; z-index: 1098; }
#main-menu li.right ul { left: auto; right: -5px; }
#main-menu ul li { width: 200px; margin: 0 5px 5px; background: url(/images/_site/default/pix-wht-80.png) repeat 0 0; float: none; }

#logo-image { position: relative; width: 160px; padding: 5px 42px; text-align: center; background: #000; z-index: 2000; }

#side-pane { width: 244px; }
#side-pane h2 { background: #ce3531; }


#shop-controls { top: 85px; }
#shop-controls a {  }
#shop-controls a:hover { color: #ffab00; }

.prod-prev > .prod-prev-details > .display-area > h3 { padding: 0; background: none; color: #5b5b5b; }

.page-item h3 { background: none; color: #ce3531; }


/* ---------------------------------  BANNERS  --------------------------------- */
#banners { position: relative; display: block; height: auto; min-height: 25px; margin-bottom: 45px; margin-top: -45px; z-index: 20;
    height: 428px;
    overflow: hidden; }
/* ---------------------------------  -------  --------------------------------- */

.side-portal { width: 100%; border: none; background: none !important; padding: 0; }


.side-menu, .side-menu-on, .side-menu-sub, .side-menu-sub-on, .side-menu-ter, .side-menu-ter-on { background-color: #ffab00; color: #fff; padding: 8px 12px 8px 4px; line-height: 14px; margin: 0 0 3px 0; border: none; font-weight: normal; }
.side-menu-sub, .side-menu-sub-on { margin: 0 0 2px 20px; padding: 6px 9px 6px 3px; }
.side-menu-ter, .side-menu-ter-on { margin: 0 0 1px 35px; padding: 4px 6px 4px 3px; }
.side-menu-on, .side-menu-sub-on, .side-menu-ter-on { position: relative; font-weight: bold; padding-left: 18px; background-color: #88b7d5; }
.side-menu:hover, .side-menu-sub:hover, .side-menu-ter:hover { color: #f5f5f5; background-color: #ce3531; }


.side-menu-on:after, .side-menu-sub-on:after, .side-menu-ter-on:after { left: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.side-menu-on:after, .side-menu-sub-on:after, .side-menu-ter-on:after { border-color: rgba(136, 183, 213, 0); border-left-color: #c2e1f5; border-width: 15px; top: 50%; margin-top: -15px; }
.side-menu-sub-on:after { border-width: 13px; margin-top: -13px; }
.side-menu-ter-on:after { border-width: 11px;	margin-top: -11px; }


/* ---------------------------------  SOCIAL LINKS Retro  --------------------------------- */
.social-title-retro { width: 89px; border-right: 1px solid #ba4b3c; }
/* ---------------------------------  ------------  --------------------------------- */

/* ---------------------------------  SOCIAL LINKS Descreet  --------------------------------- */
.social-title-descreet { width: 89px; border-right: 1px solid #eee; }
/* ---------------------------------  ------------  --------------------------------- */