﻿/* Master */
.MasterBase{ width:100%; height:100%; }
.MasterTable{ height:100%; }
.HeaderContainer{ position:relative; width:100%; height:74px; text-align:center; }
.MasterContainer{ position:relative; width:100%; overflow:hidden; }
.FooterContainer{ position:relative; width:100%; height:52px; }
.MasterBg{ }

/* Default template */
.DefaultFade{ position:relative; margin-left:auto; margin-right:auto; margin-top:6px; margin-bottom:12px; width:1012px; height:552px; background:url('Images/fade.png') no-repeat top; }
#DefaultContainer{ position:absolute; top:4px; left:6px; width:1000px; height:540px; }
.DefaultImage{ position:absolute; top:0px; left:0px; width:1000px; height:540px; background-color:#ffffff; z-index:1; }
.DefaultImage img{ width:1000px; height:540px; }
.DefaultContent{ position:absolute; top:40px; left:60px; width:880px; height:460px; z-index:2; }
.DefaultLeft{ position:relative; float:left; width:380px; height:405px; margin-top:55px; }
.DefaultRight{ position:relative; float:right; width:380px; height:405px; margin-top:55px; }

/* Blank template */
.BlankFade{ position:relative; margin-left:auto; margin-right:auto; margin-top:6px; margin-bottom:12px; width:1012px; height:552px; }
.BlankImage{ position:absolute; top:0px; left:0px; width:1000px; height:540px; overflow:hidden; z-index:1; }
.BlankImage img{ width:1000px; height:540px; }

/* Header */
.HeaderContent{ position:relative; height:74px; width:1000px; margin-left:auto; margin-right:auto; } 
.HeaderStrike{ position:absolute; top:43px; left:0px; z-index:1; height:2px; width:100%; background:url('Images/strike.png') repeat-x top; }

/* Menu */
.MenuContainer{ position:absolute; top:18px; left:0px; width:100%;  text-align:center; }
.MenuContainer .MenuItem{ letter-spacing:-0.2px; font-size:120%; color:#ffffff; text-transform:uppercase; text-decoration:none; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px; }
.MenuContainer .ActiveMenuItem{ letter-spacing:-0.2px; font-size:120%; color:#ffffff; text-transform:uppercase; text-decoration:underline; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px; }
.MenuContainer .MenuItem:Hover, #MainMenu .ActiveMenuItem:Hover{ background:url('Images/menu_bg.png') repeat-x top; }

/* SubMenu */
.SubMenuContainer{ position:absolute; top:50px; left:0px; width:100%; text-align:center; }
.SubMenuItem{ letter-spacing:-0.2px; font-size:110%; color:#ffffff; text-transform:uppercase; text-decoration:none; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px; margin-right:5px; margin-left:5px; }
.SubMenuItemActive{ letter-spacing:-0.2px; font-size:110%; color:#ffffff; text-transform:uppercase; text-decoration:underline; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:3px; margin-right:5px; margin-left:5px; }
.SubMenuItem:Hover, .SubMenuItemActive:Hover{ background:url('Images/menu_bg.png') repeat-x top; text-decoration:underline; }

/* Footer */
.FooterLogo{ width:1000px; margin-left:auto; margin-right:auto; height:20px; text-align:left; }
.FooterStrike{ width:100%; height:1px; background-color:#ffffff; }

.FooterAddress{ width:100%; height:30px; }
.FooterAddress div { width:1000px; margin-left:auto; margin-right:auto; padding-top:9px; font-size:90%; color:#efefef; }
.FooterAddress a{ color:#efefef; }

.FooterBrands{ width:100%; height:42px; text-align:center; background-color:#ffffff; }

.FooterGroup{ width:100%; height:30px; background-color:#5f6064; }
.FooterGroup div { width:1000px; margin-left:auto; margin-right:auto; padding-top:9px; font-size:80%; color:#c3c3c3; }
.FooterGroup a{ color:#c3c3c3; margin-left:10px; }

.FooterBrandContainer{ position:relative; width:1000px; margin-left:auto; margin-right:auto; }
/* Input */
.Input{ font-family:Georgia; font-size:100%; color:#434343; border:solid 1px #bbbbbb; padding:5px; background-color:#f6f6f6; }

/* Retailers */
.Retailers{ float:right; width:575px; height:400px; overflow:auto; font-size:110%; }

/* Downloads */
.DownloadArchive{ margin-top:25px; position:relative; text-align:left; }
.DownloadCol1{ position:absolute; top:0px; left:0px; }
.DownloadCol2{ position:absolute; top:0px; left:305px; }
.DownloadCol3{ position:absolute; top:0px; left:605px; }
.DownloadItem{ margin-bottom:5px; width:270px; }
.DownloadItem .Size{ float:right; font-size:80%; color:#a6a5a5; padding-top:2px; }
.DownloadItem a{  }
.DownloadSeparatorItem{ margin-bottom:5px; width:270px; height:1px; background-color:#a6a5a5; }

/* News */
.NewsList{ width:880px; height:540px; }
.NewsContent{ width:880px; height:480px; overflow:auto; text-align:left; }
.NewsContent img{ }
.NewsCounter{ float:right; width:300px; height:28px; text-align:right; margin-top:16px; }
.NewsCounterItem, .sf_PagerItem{ margin-right:10px; text-align:left; }
.sf_PagerSelItem{ margin-right:10px; text-decoration:underline; }
.NewsItem{ float:left; width:420px; height:110px; margin-bottom:20px; overflow:hidden; text-align:left; }
.NewsItemAlt{ float:right; width:420px; height:110px; margin-bottom:20px; overflow:hidden; text-align:left; }
.NewsItem h3, .NewsItemAlt h3{ margin-top:0px; margin-bottom:0px; }
.NewsItem a, .NewsItemAlt a{ color:#434343; }
.NewsItem .NewsDate, .NewsItemAlt .NewsDate{ margin-top:0px; margin-bottom:3px; font-style:italic }
.NewsLogo{ float:right; margin-left:10px; margin-bottom:5px; }

/* Page slider */
.SliderContainer{ width:1000px; height:540px; }
.SliderContent{ position:relative; height:540px; width:1000px; border-width:0px; }

/* Special */
.TextLarge{ font-size:120%; }
.FirstLetter{ font-size: 220%; color:#9d0d16; line-height:3px; }
.Link{ font-size: 130%; color:#9d0d16; }
.BrandLinks{ position:absolute; bottom:0px; right:0px; text-align:left; }
.BrandLinksLeft{ position:absolute; bottom:0px; left:0px; text-align:left; }
.Brand_HenriLloyd{ position:absolute; bottom:0px; left:0px; width:300px; height:100px; background:url('Images/logos/brands_henrilloyd.png') no-repeat bottom left; }
.Brand_NorthSails{ position:absolute; bottom:0px; right:0px; width:300px; height:100px; background:url('Images/logos/brands_northsails.png') no-repeat bottom right; }
.Brand_ONeill{ position:absolute; bottom:0px; right:0px; width:300px; height:100px; background:url('Images/logos/brands_oneill.png') no-repeat bottom right; }
.Brand_Dolomite{ position:absolute; bottom:0px; right:0px; width:300px; height:100px; background:url('Images/logos/brands_dolomite.png') no-repeat bottom right; }
.Brand_Marker{ position:absolute; bottom:0px; left:0px; width:300px; height:100px; background:url('Images/logos/brands_marker.png') no-repeat bottom left; }
.Brand_Tecnica{ position:absolute; bottom:0px; right:0px; width:300px; height:100px; background:url('Images/logos/brands_tecnica.png') no-repeat bottom right; }
.Brand_Volkl{ position:absolute; bottom:0px; left:0px; width:300px; height:100px; background:url('Images/logos/brands_volkl.png') no-repeat bottom left; }
.Brand_Marker_Volkl{ position:absolute; bottom:0px; left:0px; width:300px; height:100px; background:url('Images/logos/brands_marker_volkl.png') no-repeat bottom left; }
.Brand_MoonBoot{ position:absolute; bottom:0px; right:0px; width:300px; height:100px; background:url('Images/logos/brands_moonboot.png') no-repeat bottom right; }
.Brand_Dalbello{ position:absolute; bottom:0px; left:0px; width:300px; height:100px; background:url('Images/logos/brands_dalbello.png') no-repeat bottom left; }

/* Image gallery */
.ImageGalleryContainer{ position:relative; width:920px; height:400px; overflow:auto; }
.ImageGalleryItem{ float:left; width:160px; height:80px; overflow:hidden; margin-right:20px; margin-bottom:10px; display:block; }

.MusicControl{ position:absolute; top:18px; right:0px; cursor:pointer; }


