﻿/***********************************************************/
/*                    Master Styles                        */
/***********************************************************/

/* MAIN SECTIONS */
body
{
	text-align: center;
	background: #D3D3D3 url(Images/bg.jpg) repeat-x left top;
	font-size: 12px;
	font-family: Arial, Sans-Serif;
}
div#OuterWrapper
{
	text-align: left;
	margin: 0 auto;
	width: 901px;
}
div#Main
{
	background-color: White;
	border-right: solid 1px #696969;
	border-left: solid 1px #696969;
}
div#Main div#LeftMenu
{
}
div#Main div#ContentContainer
{
	float: left;
	width: 690px;
	padding: 50px 10px 10px 10px;
}
div.EditorContentContainer
{
}
div#ContentBottom
{
	clear: both;
}
div.clear,
div.Clear
{
	clear: both;
}
p.UserMessage
{
	color: Red;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	font-style: italic;
	font-size: 16px;
}

/* HEADER */
div#Header
{
	margin-top: 30px;
	border: 1px solid #696969;
	border-bottom: solid 2px #FBB12C;
	
}
div#Header a#MainLogo
{
}
div#Header a#MainLogo:hover
{
}
div#Header a#MainLogo img
{
	border: none;
	position: absolute;
	top: 14px;
	padding-left: 15px;
}
div#Header div#TabMenuContainer
{
}

/* BREADCRUMB */
div#BreadcrumbContainer
{
	color: #666666;
	font-size: 10px;
	position: absolute;
	top: 80px;
	text-transform: uppercase;
}
div#BreadcrumbContainer span.YouAreHere
{
	margin-right: 5px;
}
div#BreadcrumbContainer span.BreadcrumbItem
{
}
div#BreadcrumbContainer span.BreadcrumbItem a
{
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
}
div#BreadcrumbContainer span.BreadcrumbItem a:hover
{
	text-decoration: underline;
}
div#BreadcrumbContainer span.BreadcrumbItem a.Selected
{
	font-weight: bold;
	text-decoration: underline;
}
div#BreadcrumbContainer span.BreadcrumbItem a.Selected:hover
{
}
div#BreadcrumbContainer span.BreadcrumbItem span.Separator
{
	padding: 0px 5px;
}

/* ERROR PAGE (404 etc) */
div#ErrorPageContainer
{
	padding: 50px;
}
div#ErrorPageContainer p
{
}
div#ErrorPageContainer ul
{
}
div#ErrorPageContainer ul li
{
}

/* LIST PAGE (News, etc) */
div#GenericChildListContainer
{
}
div#GenericChildListContainer div.PublishedItem
{
}
div#GenericChildListContainer div.PublishedItemAlternate
{
}
div#GenericChildListContainer div.PublishedItem h2,
div#GenericChildListContainer div.PublishedItem h2 a
{
	color: #787878;
	font-size: 18px;
	text-transform: none;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
div#GenericChildListContainer div.PublishedItem h2 a:hover
{
}

/* HTML SITEMAP */
div#SiteMapContainer
{
	padding: 30px;
}
div#SiteMapContainer ul#Sitemap
{
	margin: 0px 20px;
}
div#SiteMapContainer ul#Sitemap a
{
}
div#SiteMapContainer ul#Sitemap a:hover
{
}
div#SiteMapContainer ul#Sitemap li
{
	margin: 0px 20px;
}
div#SiteMapContainer ul#Sitemap li ul
{
	margin: 0px;
}
div#SiteMapContainer ul#Sitemap li ul li
{
}
div#SiteMapContainer ul#Sitemap li ul li ul
{
}
div#SiteMapContainer ul#Sitemap li ul li ul li
{
}

/* FOOTER */
div#Footer
{
}
div#Footer div#AddThis
{
	background-color: White;
	padding: 0px 25px 10px;
	text-align: right;
	border-right: solid 1px #696969;
	border-left: solid 1px #696969;
}
div#Footer div#AddThis a
{
}
div#Footer div#AddThis a:hover
{
}
div#Footer div#AddThis a img
{
	border: none;
}
div#Footer div#AddThis a span
{
	padding-left: 5px;
	position: relative;
	top: -3px;
}
div#Footer div#FooterContent
{
	background: #D3D3D3 url(Images/bg-footer.jpg) repeat-x left top;
	height: 100px;
	padding-top: 20px;
}
div#Footer p
{
	padding: 5px 15px 0px 15px;
	font-size: 11px;
	font-weight: bold;
}
div#Footer p a
{
	text-decoration: underline;
	color: #787878;
}
div#Footer p a:hover
{
	color: #DD9521;
}
div#Footer p.BlackDesignInfo
{
	float: left;
}
div#Footer p.BennettInfo
{
	float: right;
}
div#Footer p.BennettInfo a
{
}
div#Footer p.BennettInfo a:hover
{
}
div#Footer.ThemePageFooter
{
	background-color: Black;
}
div#Footer.ThemePageFooter div#FooterContent
{
	clear: both;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks
{
	float: left;
	text-transform: uppercase;
	width: 750px;
	padding: 10px;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks span
{
	color: White;
	float: left;
	font-weight: bold;
	padding-right: 5px;
	border-right: 1px solid #696969;
	font-family: 'Trebuchet MS', Sans-Serif;
	font-size: 11px;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks ul
{
	padding: 0px;
	margin: 0px;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks ul li
{
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #696969;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks ul li a
{
	font-family: 'Trebuchet MS', Sans-Serif;
}
div#Footer.ThemePageFooter #ThemePageFooterLinks ul li a:hover
{
}
div#Footer.ThemePageFooter #AddThis
{
	float: right;
	background-color: Black;
}

/* PORTAL */
div#PortalContent div#Advert
{
	float: left;
	padding: 10px 0px 0px 10px;
}
div#PortalContent div#Advert a
{
}
div#PortalContent div#Advert a:hover
{
}
div#PortalContent div#Advert a img
{
	border: none;
}

/* CLUB / IFRAMES */
iframe#CatalogueOrder
{
	border: 0px none;
	width: 600px;
	height: 300px;
}
iframe#ClubRegistration
{
	border: 0px none;
	width: 600px;
	height: 300px;
}

/* THEME PAGE (TEMASIDER) */
div#ThemePageContent
{
}
div#ThemePageContent div.Teaser
{
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
	margin-left: -1px;
}

/* CATEGORY BROWSER */
div#ProductContent
{
	float: left;
	width: 680px;
	padding-left: 15px;
}
div#ProductContent p.MainDescription
{
	font-size: 11px;
	text-transform: none;
	margin-bottom: 0px;
	color: #787878;
	margin-bottom: 10px;
}
div#ProductContent ul.CategoryDisplayList,
div#ProductContent ul.ProductDisplayList
{
}
div#ProductContent ul.CategoryDisplayList li,
div#ProductContent ul.ProductDisplayList li
{
	width: 185px;
	margin-right: 19px;
	height: 200px;
	list-style: none;
	float: left;
}
div#ProductContent ul.CategoryDisplayList li a.Thumb,
div#ProductContent ul.ProductDisplayList li a.Thumb
{
}
div#ProductContent ul.CategoryDisplayList li a.Thumb img,
div#ProductContent ul.ProductDisplayList li a.Thumb img
{
	border: none;
}
div#ProductContent ul.CategoryDisplayList li a.Zoom,
div#ProductContent ul.ProductDisplayList li a.Zoom
{
}
div#ProductContent ul.CategoryDisplayList li a.Zoom img,
div#ProductContent ul.ProductDisplayList li a.Zoom img
{
	border: none;
}
div#ProductContent ul.CategoryDisplayList li h2.Name,
div#ProductContent ul.ProductDisplayList li h2.Name
{
	font-size: 13px;
	text-transform: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#ProductContent ul.CategoryDisplayList li h2.Name a,
div#ProductContent ul.ProductDisplayList li h2.Name a
{
	color: #787878;
}
div#ProductContent ul.CategoryDisplayList li h2.Name a:hover,
div#ProductContent ul.ProductDisplayList li h2.Name a:hover
{
}
div#ProductContent ul.CategoryDisplayList li p.Description,
div#ProductContent ul.ProductDisplayList li p.Description
{
	font-size: 11px;
	color: #787878;
	line-height: 13px;
}
div#ProductContent ul.CategoryDisplayList li p.Description
{
	height: 22px;
	overflow: hidden;
}
div#ProductContent ul.ProductDisplayList li p.Description
{
	padding: 0px;
}
div#ProductContent ul.ProductDisplayList li span.Color
{
	text-transform: capitalize;
}
div#ProductContent ul.CategoryDisplayList li p.Description a,
div#ProductContent ul.ProductDisplayList li p.Description a
{
	font-size: 11px;
	text-decoration: none;
}
div#ProductContent ul.CategoryDisplayList li p.Description a:hover,
div#ProductContent ul.ProductDisplayList li p.Description a:hover
{
	color: #DD9621;
}
div#ProductContent ul.CategoryDisplayList li div.ThumbnailHolder,
div#ProductContent ul.ProductDisplayList li div.ThumbnailHolder
{
	height: 110px;
}

/* PRODUCT SHOWCASE */
div.ProductBrowser
{
	width: 700px;
	text-align: center;
}
div.ProductBrowser div.MainProductShowcase
{
	padding: 0px 10px 0px 0px;
}
div.ProductBrowser div.MainProductShowcase img.MainProduct
{
}
div.ProductBrowser div.MainProductShowcase a.Zoom
{
}
div.ProductBrowser div.MainProductShowcase a.Zoom img
{
	border: none;
}
div.ProductBrowser div.MainProductShowcase h1
{
	font-size: 12px;
	color: #000000;
	margin-bottom: 10px;
	padding: 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
div.ProductBrowser div.MainProductShowcase p
{
	color: #8C8C8C;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
}
div.ProductBrowser div.MainProductShowcase p.Description
{
	color: Black;
	padding-bottom: 10px;
}
div.ProductBrowser div.NavigationArea
{
	padding: 10px 0px 10px 0px;
	margin: 0px;
}
div.ProductBrowser div.NavigationArea a
{
	padding: 0px 5px 0px 5px;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}
div.ProductBrowser div.NavigationArea img
{
	border: none;
	padding: 0px 5px 0px 5px;
}
div.ProductBrowser div.NavigationArea span.DisabledText
{
	padding: 0px 5px 0px 5px;
	text-transform: uppercase;
	color: #808080;
	font-weight: bold;
	font-size: 12px;
}
div.ProductBrowser div.OtherProducts
{
	padding: 10px 0px 0px 0px;
	border-top: 1px dotted #8C8C8C;
}
div.ProductBrowser div.OtherProducts h3
{
	text-align: left;
	text-transform: uppercase;
	color: #8C8C8C;
	font-size: 11px;
}
div.ProductBrowser div.OtherProducts ul
{
}
div.ProductBrowser div.OtherProducts ul li
{
	list-style: none;
	float: left;
	position: relative;
}
div.ProductBrowser div.OtherProducts ul li.selected
{
	border: solid 2px #FFBF58;
}
div.ProductBrowser div.OtherProducts ul li.normal
{
	border-top: solid 2px #FFFFFF;
}
div.ProductBrowser div.OtherProducts ul li a
{
}
div.ProductBrowser div.OtherProducts ul li a img
{
	border: none;
	width: 125px;
}
div.ProductBrowser div.OtherProducts ul li a.ProductWithoutImage
{
	position: absolute;
	top: 0px;
	left: 0px;
	color: #DD9521;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
}
div.ProductBrowser div.OtherProducts ul li a.ProductWithoutImage span
{
}
div.ProductBrowser div.OtherProducts div.OtherProductsLinks
{
	text-align: right;
	padding: 10px 25px 0px 10px;
}
div.ProductBrowser div.OtherProducts div.OtherProductsLinks a
{
	color: #8C8C8C;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}
div.ProductBrowser div.OtherProducts div.OtherProductsLinks a:hover
{
	color: #DD9521;
}

/* SKJERMPRODUKTER (Preview) */
div.ScreenProduct
{
	text-align: center;
}
div.ScreenProduct img
{
}
div.ScreenProduct div.ProductInfo
{
	float: left;
	margin-left: 150px;
	text-align: left;
	width: 350px;
}
div.ScreenProduct div.ProductInfo span.ProductNumber
{
	color: #B0A9B0;
}
div.ScreenProduct div.ProductInfo h1
{
	color: #736F6E;
	font-size: 24px;
	text-transform: uppercase;
}
div.ScreenProduct div.ProductInfo p
{
	color: #736F6E;
}
div.ScreenProduct p.ProductPrice
{
	float: right;
	margin-right: 150px;
	text-align: right;
	width: 200px;
}
div.ScreenProduct p.ProductPrice span
{
	color: #FF9A01;
	font-weight: bold;
	font-size: 40px;
}

/* NEWS ITEMS */
div#NewsHolder
{
	margin: 0px 10px 0px 0px;
	padding: 10px 15px 0px 0px;
}
div#NewsHolder div.NewsItem
{
	float: left;
	width: 260px;
	padding: 5px 10px;
}
div#NewsHolder div.NewsItem h3
{
	font-size: 12px;
	text-transform: uppercase;
}
div#NewsHolder div.NewsItem p
{
	font-size: 11px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 13px;
}
div#NewsHolder div.NewsItem a
{
	color: Black;
	text-decoration: none;
	font-family: 'Trebuchet MS', Sans-Serif;
}
div#NewsHolder div.NewsItem a:hover
{
	color: #DD9521;
}
div#NewsHolder div.NewsItem a.ReadMore
{
	color: #DD9521;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	background: transparent url(Images/arrow_orange.gif) no-repeat scroll center right;
	padding: 2px 15px 0 0px;
}
div#NewsHolder div.NewsItem a.ReadMore:hover
{
}
div#NewsHolder div.NewsItem a.ReadMore img
{
	border: none;
}
/* these next styles override the above styles for the content page only */
div#ContentContainer div#NewsHolder
{
	margin: 30px 0px 0px 0px;
	border: none;
	padding: 15px 0px 15px 0px;
}
div#ContentContainer div#NewsHolder div.NewsItem
{
	float: left;
	width: 190px;
	padding: 5px;
	margin-right: 15px;
}
/* portal */
div#PortalContent div#NewsHolder
{
	float: right;
}
div#PortalContent div#NewsHolder div.NewsItem
{
	width: 200px;
}

/* TEASERS */
div#TeaserHolder
{
	border-bottom: 1px solid #696969;
}
div.TeaserHolder
{
}
div.TeaserHolder div.TeaserItem
{
}
div.TeaserHolder div.TeaserItem
{
}
div.TeaserHolder div.TeaserItem a
{
}
div.TeaserHolder div.TeaserItem img
{
}

/* BANNERS */
div#BannerHolder
{
}

/* ADVERTS */
div#AdvertsHolder
{
	float: left;
	padding: 28px 0px 15px 0px;
}
div#AdvertsHolder div.Advert
{
}
div#AdvertsHolder div.Advert img
{
}

div#FritekstHolder
{
	padding-left: 20px;
	padding-top: 10px;	
}
div#FritekstHolder h3
{
	text-transform: uppercase;
	padding-left: 8px;
	font-size: 11px;
	margin-bottom: 0px;
}

/* SUB MENU / LEFT CONTROL */
div#TreeMenuContainer
{
	padding: 55px 0px 10px 22px;
	width: 160px;
	float: left;
}
div#TreeMenuContainer a.leftmenu_header
{
	color: #848484;
	text-transform: uppercase;
	padding: 0px 0px 5px 15px;
	margin-bottom: 5px;
	border-bottom: dotted 1px #a0a0a0;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
div#TreeMenuContainer div.MenuAdverts
{
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert
{
	padding: 20px 0px;
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert a
{
	color: Black;
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert a:hover
{
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert a.ImageLink
{
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert a.ImageLink img
{
	border: none;
}
div#TreeMenuContainer div.MenuAdverts div.MenuAdvert a.TextLink
{
}



/* SHOP INFO */
div.OrgUnitContainer
{
	width: 470px;
	float: left;
}
div.ShopInfoContainer
{
	width: 200px;
	float: left;
	padding: 5px;
	text-align: center;
}
div.ShopInfoContainer img
{
}
div.ShopInfoContainer h2
{
	text-align: left;
	text-transform: capitalize;
	padding: 5px 0px 5px 0px;
	margin: 15px 0px 0px 0px;
}
div.ShopInfoContainer div.Section
{
	text-align: left;
	border-top: dotted 1px #a0a0a0;
}
div.ShopInfoContainer div.Section h3
{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #a0a0a0;
}
div.ShopInfoContainer div.Section p
{
	padding: 0px;
	font-weight: bold;
}

/* SHOP LIST */
table.Grid
{
	width: 100%;
	font-weight: bold;
	color: #848484;
	border-top: 1px dotted #A0A0A0;
	margin: 15px 0px 15px 0px;
}
table.Grid thead
{
	color: #444444;
	font-size: 11px;
	text-transform: uppercase;
}
table.Grid thead tr
{
	vertical-align: top;
}
table.Grid thead tr td
{
}
table.Grid tbody
{
	font-size: 13px;
}
table.Grid tbody tr.ShopRow
{
	background-color: #EEEEEE;
}
table.Grid tbody tr.ShopRowAlternate
{
	background-color: #FFFFFF;
}
table.Grid tbody tr.ShopRowHighlight
{
	background-color: #E1E1E1;
	cursor: pointer;
}
table.Grid tbody tr.ShopRow td
{
}
table.Grid tbody a
{
	color: #848484;
	text-decoration: underline;
}
table.Grid tbody a:hover
{
	text-decoration: none;
}

/* LOCATION MAP */
div.LocationMap
{
	padding: 10px 0px 10px 0px;
}
div.LocationMap img
{
	border: none;
}

/* General styles */
.Title
{
	color: #787878;
	font-size: 18px;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	text-transform: none;
	padding-bottom: 20px;
}
.TextBold
{
	font-weight:bold;	
}