﻿html { overflow-y: scroll; }
html, body, form { margin: 0; }
body { margin: 25px 10px 10px 10px; }
body, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

h1 { margin: 4px 0 4px 0; color: #af1f23; font-size: 12px; font-weight: bold; text-transform: uppercase; }
h2 { margin: 4px 0 2px 0; padding: 0 0 1px 0; border-bottom: 1px solid #9d9da1; color: #4c494a; font-size: 12px; font-weight: normal; text-transform: uppercase; }
h3 { margin: 4px 0 2px 0; padding: 0 0 1px 0; border-bottom: 1px solid #9d9da1; color: #4c494a; font-size: 12px; font-weight: normal; text-transform: uppercase; }

p { margin: 6px 0 12px 0; }

a { color: #af1f23; text-decoration: none; outline: none; }
a:hover { color: #af1f23; text-decoration: underline; outline: none; }

img { border: none; }

/* Form Styles */
.TextInput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 180px; }
.TextField { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 360px; }
.Button { font-family: Verdana, Arial; font-size: 11px; }

/* Default Editorstyles */
.Emphasis { font-weight: bold; }
.Line { margin: 1.5em 0 1.5em 0; border-top: 1px solid #ffffff; height: 0; }

table.DataTable { border-collapse: collapse; border: 1px solid #999999; }
table.DataTable th { padding: 0.5em; text-align: left; }
table.DataTable td { padding: 0.5em; }
table.DataTable td+td { border-right: none; border-left: 1px solid #999999; }
table.DataTable tr+tr td { border-top: 1px solid #999999; }


.Page { margin: 0 auto 0 auto; width: 986px; }

.Header { height: 88px; background: url(graphics/header-bg.gif) repeat-x 0 100%; }
.Logo { position: absolute; }

.VerticalLine { background: url(graphics/vline.gif) repeat-y 50% 0; }

/* Menu - 1st level */
.HorizontalMenu { position: absolute; margin: 54px 0 0 342px; padding: 0; font-size: 11px; }
.HorizontalMenu li { position: relative; float: left; margin: 0; padding: 0; list-style: none; }
.HorizontalMenu a { display: block; padding: 0 12px 16px 12px; color: #000000; text-decoration: none; text-transform: uppercase; }
.HorizontalMenu a:hover { color: #af1f23; }

/* Menu 2nd level */
.HorizontalMenu ul { position: absolute; display: none; float: left; margin: 0; padding: 0 0 3px 0; background-color: #ffffff; border: 1px solid #dbd8d8; border-top: none; top: 27px; }
.HorizontalMenu ul li { margin: 0; padding: 0; min-width: 120px; width: auto !important; width: 120px; }
.HorizontalMenu ul a { padding: 3px 12px 3px 12px; color: #999999; text-transform: none; }
.HorizontalMenu ul a:hover { color: #af1f23; }

/* Menu CSS drop down */
.HorizontalMenu li:hover ul, .HorizontalMenu li:hover ul ul, .HorizontalMenu li:hover ul ul ul{ display:none; }
.HorizontalMenu li:hover ul, .HorizontalMenu li li:hover ul, .HorizontalMenu li li li:hover ul, .HorizontalMenu li li li li:hover ul{ display:block; }

/* Product Menu */
.VerticalMenuContainer { padding: 20px 0 0 0; }
.VerticalMenu { margin: 0; padding: 0; font-size: 12px; }
.VerticalMenu li { margin: 0; padding: 0; list-style: none; }
.VerticalMenu a { display: block; padding: 3px 0 3px 0; color: #333333; text-decoration: none; }
.VerticalMenu a:hover { color: #af1f23; }

.VerticalMenu ul { margin: 0 0 0 0; padding: 0; font-size: 11px; }
.VerticalMenu ul li { margin: 0; padding: 0; list-style: none; }
.VerticalMenu ul a { color: #666666;}
.VerticalMenu ul a:hover { color: #af1f23; }

.VerticalMenu ul ul a { padding: 0 0 0 14px; color: #af1f23; background: url(graphics/bullet.gif) no-repeat 0 2px; }
.VerticalMenu ul ul a:hover { color: #af1f23; }

.Languages { float: right; margin: 0; padding: 10px 0 0 0; color: #999999; }
.Languages li { position: relative; float: left; margin: 0; padding: 0 5px 0 0; list-style: none; }
.Languages a { color: #999999; text-decoration: none; }
.Languages a:hover { color: #af1f23; text-decoration: underline; }

.Left { float: left; padding-bottom: 50px; width: 200px; height: auto !important; min-height: 450px; height: 450px; }
.Right { float: right; width: 786px; }

.Content { padding: 20px 20px 20px 20px; }

.Footer { clear: both; background: url(graphics/footer-bg.gif) repeat-x; padding: 10px 0 0 0; color: #666666; font-size: 9px; text-align: center; }
.Footer a { color: #666666; text-decoration: none; }
.Footer a:hover { color: #af1f23; text-decoration: underline; }

.Legal { clear: both; padding: 10px 0 0 0; color: #666666; font-size: 9px; text-align: center; }

.Back { clear: both; }
.Back a { position: absolute; margin-top: -30px; padding: 0 0 0 14px; color: #666666; background: url(graphics/back.gif) no-repeat 0 2px; }

/* CMS Module */
.NewsList { margin: 0; padding: 0; }
.NewsList li { margin: 16px 0 0 0; list-style: none; } 
.NewsList a { text-transform: uppercase; }
.NewsList .DateTime { margin: 3px 0 0 0; color: #9d9da1; }
.NewsList .Introduction { margin: 6px 0 0 0; }

.NewsView .Introduction { color: #9d9da1; font-style: italic; }

/* Catalog Module */
.Catalog { }
.Catalog .CategoryItem { }
.Catalog .Item { }
.Catalog .Image2 { border: 1px solid #999999; width: 242px; height: 388px; }
.Catalog .Image3, .Catalog .Image4, .Catalog .Image5, .Catalog .Image6 { border: 1px solid #999999; }
