/*

Scandinavian Eyewear
----------------------------
Created by: Johan Mårtensson, www.grandpublic.se

Contents
============================
01. General
02. Page Header, logo/shortcuts
03. Top Navigation
04. Left Navigation
05. Page Tools, breadcrumbs/share/print
06. Columns
07. Page Content, templates 
08. In Page Formats
09. Add This css 
10. Hacks
============================

*/


/******************************************

  1. General

******************************************/

body {
	background: #dadada url(Images/bg.gif) repeat-x;
	margin: 0;
	font-size: 75%;
}

#wrapper {
	width:968px;
	margin: 0 auto;
}

#contentWrapper {
	background: url(Images/wrapperBg.png) repeat-y;
	width:968px;
	margin: 0 auto;
}
.startpage #contentWrapper,
.systempage #contentWrapper
{
	background: url(Images/rightColBg.png) repeat-y;
}
.subpage #contentWrapper {
	background: url(Images/leftNavColBg.png) repeat-y;
}

#contentColWrappers {
	width:960px;
	margin: 0 auto;
	border-top:1px solid #e3e3e3;
	font-family: Arial;
}

#topnavigation {
	margin:10px 0 0 0;
}
.startpage #topnavigation {
	height:44px;
}
.subpage #topnavigation,
.systempage #topnavigation
 {
	height:65px;
}

#slideImages {
	width:960px;
	margin: 0 auto;
	height:330px;
	border-right:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	position: relative;
}
#sliderShadowTop {
	background: transparent url(Images/slider_shadow_top.png) repeat-x;
	height: 2px;
	width: 960px;
	z-index: 100;
	position: absolute;
}
#sliderShadowBottom {
	background: transparent url(Images/slider_shadow_bottom.png) repeat-x;
	bottom:0;
	left: 0;
	height: 2px;
	width: 960px;
	z-index: 100;
	position: absolute;
}
#slideImages img { border:0; }

#footer {
	background: url(Images/footer_bg.png) no-repeat;
	display: block;
	height: 7px;
	margin-bottom:15px;
}
#partof_ldg {
	float: right;
	margin-bottom: 10px;
	margin-right: 8px;
	margin-top: 2px;
}

/******************************************

  2. Page Header, logo/shortcuts

******************************************/

#logo {margin-top: 35px; float: left; margin-bottom: 2px; }
#pageHeader { font-family: Arial; 	width:960px; margin: 0 auto;}
#shortcuts ul {float: right; margin: 0; padding: 0; list-style: none; background: #fff;}
#shortcuts ul li { background: #fff; float: left; margin: 0 0 0 0; border-left: 1px solid #eeeeee;}
#shortcuts ul li.search {padding: 3px; border-left: 1px solid #d3d3d3;}
#shortcuts ul li input { background: url(Images/searchbg.gif) no-repeat 2px 3px; border: 1px solid #d3d3d3; padding: 1px 1px 1px 15px; width: 135px;}

#shortcuts a { text-decoration: none; color: #7b7b7b; font-size: .75em; text-transform: uppercase; padding: 6px; display: block; }
#shortcuts a:hover {color:#ffc000;}

.flag_uk {background: url(Images/flag_uk.gif) no-repeat 0 6px; padding-left:18px!important; margin-left:6px;}
.flag_swe {background: url(Images/flag_swe.gif) no-repeat 0 6px; padding-left:18px!important; margin-left:6px;}


/******************************************

  3. Top Navigation

******************************************/

#topnavigation { background: url(Images/topnavigationBg.gif) no-repeat; padding: 1px 0 0 4px; }

#topnavigation a {
	width: 159px;
	height: 43px;
	display: block;
	text-indent: -9999px;
	float: left;
	border-right: 1px solid #d3d3d3;
	outline: none;
}
#topnavigation a.hem {  background: url(Images/menuBg_hem.gif) 0 -43px no-repeat;}
#topnavigation a.nyheter {  background: url(Images/menuBg_nyheter.gif) 0 -43px no-repeat;}
#topnavigation a.om-oss {  background: url(Images/menuBg_om_oss.gif) 0 -43px no-repeat;}
#topnavigation a.designers {  background: url(Images/menuBg_designers.gif) 0 -43px no-repeat;}
#topnavigation a.varumarken {  background: url(Images/menuBg_varumarken.gif) 0 -43px no-repeat;}
#topnavigation a.kontakt {  background: url(Images/menuBg_kontakt.gif) 0 -43px no-repeat; border: 0;}

#topnavigation a.home {  background: url(Images/menuBg_home.gif) 0 -43px no-repeat;}
#topnavigation a.news {  background: url(Images/menuBg_news.gif) 0 -43px no-repeat;}
#topnavigation a.about-us {  background: url(Images/menuBg_about_us.gif) 0 -43px no-repeat;}
#topnavigation a.brands {  background: url(Images/menuBg_brands.gif) 0 -43px no-repeat;}
#topnavigation a.contact {  background: url(Images/menuBg_contact.gif) 0 -43px no-repeat; border: 0;}

#topnavigation a.current {background-position: 0 0!important;}


/******************************************

  4. Left Navigation

******************************************/


#leftnavigationHeader {}
#leftnavigationHeader ul, ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#leftnavigationHeader li { border-bottom:0px solid #ebebeb;}
#leftnavigationHeader li a {
	padding: 6px 4px 2px 8px;
	color: #585858;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-size: .8em;
	background: url(Images/leftnavigationheader_bg_grey.gif) repeat-x;
	text-shadow:-1px -1px 0 rgba(255,255,255,0.3);
	}
#leftnavigationHeader li a:hover { color:#000!important; }


ul#leftNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#leftNavigation li { border-bottom:1px solid #ebebeb;}
ul#leftNavigation li li a { padding: 0px 6px 15px 16px!important; }
ul#leftNavigation li a {
	padding: 15px 6px 15px 8px;
	color: #7a7a7a;
	text-decoration: none;
	display: block;
	}
ul#leftNavigation li a:hover { background: url(Images/leftnavigation_hover.gif) repeat-y right;}
ul#leftNavigation li a.current {background: url(Images/leftnavigation_hover.gif) repeat-y right;}
ul#leftNavigation li.current a {background: url(Images/leftnavigation_hover.gif) repeat-y right;}


/******************************************

  5. Page Tools, breadcrumbs/share/print

******************************************/

#pageTools {
	border-bottom:1px solid #ebebeb;
	background: #fafafa;
	font-size: .7em;
	padding: 7px 5px 3px 14px;
	text-transform: uppercase;
	}
#pageTools a { text-decoration: none; color: #b8b8b8;}
#pageTools a:hover {color:#ffc000;} 

#pageTools a.current { color:#000;}
ul#breadcrumbs {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#breadcrumbs li {
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	}
	
ul#pageOptions {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#pageOptions li {
	float: left;
	margin-left: 14px;
	}


/******************************************

  6. Columns

******************************************/

.startpage #contentColWrappers .col1 { width: 627px; float: left;}
.startpage #contentColWrappers .col2 { width: 332px; float: left; margin-left: 1px;}

.systempage #contentColWrappers .col1 { width: 627px; float: left;}
.systempage #contentColWrappers .col2 { width: 332px; float: left; margin-left: 1px;}

.subpage #contentColWrappers .col1 { width: 159px; float: left;}
.subpage #contentColWrappers .col2 { width: 800px; float: left; margin-left: 1px;}


/******************************************

  7. Page Content, templates

******************************************/

/* wide 1 column page - Template:1 */
div.t1 .contentCol1 {width: 770px; float: left; padding: 15px;}
div.t1 .contentCol2 {display: none;}

/* 1 column page - Template:2 */
div.t2 .contentCol1 {width: 470px; float: left; padding: 15px;}
div.t2 .contentCol2 {display: none;}

/* 2 column page - Template:3 */
div.t3 .contentCol1 {width: 470px; float: left; padding: 15px;}
div.t3 .contentCol2 {width: 300px; float: left;}

/* Brand page - Template:4 */
#brandLogoWrapper { border-bottom: 1px solid #d3d3d3;}
#brandLogoWrapper img { display: block;}

#brandInfoWrapper { padding-bottom: 15px;}
#brandInfoWrapper .contentCol2 { padding-top: 15px;}
#brandSlidesWrapper { border-top: 1px solid #e4e3e3;}
#brandSlidesWrapper h2 {
	background: url(Images/list_buttons_bg.gif) repeat-x;
	margin: 0;
	padding: 8px 10px 8px 10px;
	border-bottom: 1px solid #d8d7d7;
}
#brandSlider {border-bottom: 1px solid #d8d7d7;}

.groupThumbs { margin-top: 13px; }
.icon-zoom {
	height: 17px!important;
	width: 17px!important;
	border: 0!important;
	visibility: hidden;
	position: absolute;
	top:-6px;
	left: -6px;
}
.icon-zoom img {border: 0!important; display: block;}
.thumb {position:relative; margin: 0 0 13px 13px; float: left; height:87px;border: 1px solid #e9e9e9; line-height: 85px;}
.thumb a {outline: none;}
.thumb img {border: 0; vertical-align: middle; }
.thumb:hover {border: 1px solid #c6c6c6;}
div.thumb:hover .icon-zoom { visibility: visible;}

/* Featured page - Template:4 */
#featuredPageImageWrapper { border-bottom: 1px solid #d3d3d3;}
#featuredPageImageWrapper img { display:block;}
#featuredPageWrapper { padding-bottom: 15px;}
#featuredPageWrapper .contentCol2 { padding-top: 15px;}
#featGallery {
	margin: 0 -10px 0 0;
	padding: 0;
	list-style: none;
}
#featGallery li {
	height: 50px;
	width: 50px;
	background: #efefef;
	text-align: center;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#featGallery li:hover {
	background: #dddcdc;
}

#featGallery li img {
	border:0;
}

.t4 .contentCol1 {width: 470px; float: left; padding: 25px;}
.t4 .contentCol2 {width: 280px; float: left;}

/* System page - News view, Search */
.t5 .contentCol1 {padding: 15px;}
.t5 .contentCol2 {}


/******************************************

  8. In Page Formats

******************************************/

h1 {padding-top: 0; margin-top: 0; font-family:Helvetica,Arial;}
h2 {padding-bottom: 0; margin-bottom: 0;}
h3 {padding-bottom: 0; margin-bottom: 0;}

.contentColPadding { padding: 20px;}

.contentCol2 h2 { text-transform: uppercase; font-size: .95em; margin-top: 0; padding-top: 0; margin-bottom: 10px; }

.contentCol1 a,
.contentCol2 a {text-decoration: none; color: #ffc000;}
.contentCol1 a:hover,
.contentCol2 a:hover {text-decoration: underline;}

p {line-height: 1.4em; color:#626262; padding-top: 0; margin-top: 0;}
li {color:#626262;}


ul.buttonList { border: 1px solid #dddcdc; margin: 10px 25px 0 0; padding: 0; list-style: none; -moz-border-radius: 2px;}
.buttonList li {padding: 6px; background: url(Images/list_buttons_bg.gif) repeat-x;}
.buttonList li a {color: #ffaa00; text-decoration: none; display: block; }
.buttonList li a:hover { text-decoration: underline;}
.buttonList li a.pdf {
	background: url(Images/icon_button_list_pdf.gif) no-repeat;
	padding:0 0 0 35px; 
	height: 29px;
	line-height: 2.5em;
	}
.buttonList li a.link {
	background: url(Images/icon_button_list_link.gif) no-repeat;
	padding:0 0 0 35px; 
	height: 29px;
	line-height: 2.5em;
	}
.buttonList li a.browse {
	background: url(Images/icon_button_list_browse.gif) no-repeat;
	padding:0 0 0 35px; 
	height: 29px;
	line-height: 2.5em;
	}
.buttonList li a.gallery {
	background: url(Images/icon_button_list_gallery.gif) no-repeat;
	padding:0 0 0 35px; 
	height: 29px;
	line-height: 2.5em;
	}
.paddingBoxCol { margin: 20px 20px 20px 0;}


/* Contact */

.contactCard {
	background: #ececec;
	width: 250px;
	height: 475px;
	float: left;
	margin-bottom: 10px;
	}
.contactCardDouble {
	background: #ececec;
	width: 510px;
	height: 465px;
	float: left;
	margin-bottom: 10px;
	}
.contactCardPadding {padding: 15px;}	
.contactCardMargin {margin-right: 10px; }

.contactCard h2, .contactCardDouble h2 {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #d9d9d9;}


/* Widget */
.fullWidget, 
.paddedWidget {
	border-bottom:1px solid #e3e3e3;
	padding: 15px;
	}
.widgetNoBorder {border-bottom: 0;}	
.widgetNoBottomPadding {padding-bottom: 0;}	

.solidWidget {background-color: #eeeeee;}

/* Designers */
.designerItem img {float: left; margin-right: 25px; margin-bottom: 25px; border: 0;}

/* Brands */
.brandItem img {float: left; margin-right: 10px; margin-bottom: 10px; border: 0;}
.noRightMargin { margin-right: 0!important;}

.smallBrandBlock {float: left; margin-bottom: 15px; margin-left: 15px;}

.catBtn { float: right; margin: 7px 7px 0 0;}


/* Feature */
#featureLatestWrapper { padding: 15px 0 0 15px;}
.featureLatestItem { width: 290px; float: left; height: 270px; margin-right: 15px; margin-bottom: 15px;}
.featureLatestItem h2 {margin-top: 0; margin-bottom: 5px; padding-top: 0; font-size: 1.3em; text-transform: uppercase;}
.featureLatestItem h2 a {text-decoration: none; color: #000;}
.featureLatestItem h2 a:hover {color: #ffc000;}
.featureLatestItem img {margin-bottom: 10px; border: 0;}


/* News */
.newsLatestItem { width: 275px; float: left; height: 220px; margin-right: 25px; margin-bottom: 25px;}
h1 a {text-decoration: none; color: #000!important;}
h1 a:hover {color: #ffc000!important;}
.newsLatestItem h2 {margin-top: 0; padding-top: 0; font-size: 1.4em;}
.newsLatestItem h2 a {text-decoration: none; color: #000;}
.newsLatestItem h2 a:hover {color: #ffc000;}
.newsLatestItem img {margin-bottom: 10px; border: 0;}
.newsDate {color: #7c7c7c; text-transform: uppercase; font-size: .8em; margin-bottom: 10px; margin-top: -15px;}
.newsLatestItem .newsDate {margin: 2px 0 0 0;}
.newsIntro { font-weight: bold; line-height: 1.4em; color:#626262; margin-bottom: 10px; }
.newsSidebar {width: 220px; float: right; margin-left: 15px;}

.newsWideImage {margin-bottom: 10px;}
.newsImage { margin-bottom: 10px;}
.newsImageBig { margin-bottom: 10px;}

.newsLinkList {border: 1px solid #dddcdc; margin: 0 0 0 0; padding: 0; list-style: none; -moz-border-radius: 2px;}
.newsLinkList li {padding: 6px; background: url(Images/list_buttons_bg.gif) repeat-x;}
.newsLinkList li a {color: #ffaa00; text-decoration: none; display: block; }
.newsLinkList li a:hover { text-decoration: underline;}


#newsLatestWrapper { padding: 15px 0 0 15px;}
#newsArchiveWrapper { border-top:1px solid #e3e3e3; padding: 15px 15px 0 15px;}

.newsContent a { color:#ffc000; text-decoration: none;}
.newsContent a:hover { text-decoration: underline;}

#newsArchiveList { list-style: none; margin: 0; padding: 0;}
#newsArchiveList a { color:#ffc000; text-decoration: none; font-weight: bold;}
#newsArchiveList a:hover { text-decoration: underline;}
#newsArchiveList li {_padding:5px; margin-bottom: 15px;}
#newsArchiveList li span {float: right; color: #7c7c7c; text-transform: uppercase; font-size: .7em; line-height: 1.8em;}
#newsArchiveList img { float:left; margin-right: 15px; border: 1px solid #efefef;}
#newsArchiveList .newsIntro { color:#626262; font-size: 0.9em; font-weight: normal;}

#newsArchiveListInCol { list-style: none; margin: 0; padding: 0; border-top: 1px solid #dddcdc;}
#newsArchiveListInCol a { color:#ffc000; text-decoration: none;}
#newsArchiveListInCol a:hover { text-decoration: underline;}
#newsArchiveListInCol li {padding:5px; border-bottom: 1px solid #dddcdc;}
#newsArchiveListInCol li:hover {background: #eeeeee;}
#newsArchiveListInCol li span {float: right; color: #7c7c7c; text-transform: uppercase; font-size: .7em; line-height: 1.8em;}
#newsArchiveListInCol li.current {background: #eeeeee;}

.odd {_background: #eeeeee;}

/******************************************

  9. Add This

******************************************/

.addthis_toolbox .custom_hover
{
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button
{
    padding: 4px;
    -moz-border-radius: 5px 5px 0 0;    
    -webkit-border-radius: 5px 5px 0 0;
    color:#b8b8b8;
    cursor: pointer;
}
.addthis_toolbox .custom_hover .custom_button.active
{
    background-color: #e3e3e3;
    color: #ffc000;
}

.addthis_toolbox .hover_menu 
{
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower
{
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu 
{
    width: 136px;
    padding: 5px;
    border: 3px solid #e3e3e3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu  a
{
    width: 108px;
    padding: 7px 0 7px 28px;
    position: relative;
    display: block;
    text-decoration: none;

}

.addthis_toolbox .hover_menu  a:hover
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #B4D3F8;
    text-decoration: none;
        color: black!important;
}

.addthis_toolbox .hover_menu  span
{
    position: absolute;
    left: 5px;
    top: 4px;
}

.addthis_toolbox .hover_menu  .more
{
    border-top: solid 1px #e3e3e3;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu  .more a
{
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu  .more span
{
    display: none;
}


/******************************************

  10. Hacks

******************************************/
__img { display: block;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ie6 {display: none;}

.clear {
	clear:both; visibility:hidden; height:0;
}


.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}
.wraptocenter * {
    vertical-align: middle;
}
/*\*//*/
.wraptocenter {
    display: block;
}
.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/



/* Hide "Se cat. for more colors" Pilgrim */

/*
.pageIDea3d8d46-6d7c-4968-99fb-caad495f03f9 .catBtn { display: none; }
.pageID35bdef8a-34b1-44db-977c-6d7bc728eea5 .catBtn { display: none!important; }
*/
/* DEBUG 

*/