/*-------------------------------------------------------------- 
 Theme Name: Stenstroms 
 URI: http://sstenstroms.com/
 Description: Theme for Stenstroms shirt factory.
 Author: Michael Bagenholm
 Author URI: http://www.snyggare-internet.se/
 Version: 1.0
 Tags:
 -------------------------------------------------------------- */
html,
body{ margin:0;	padding:0;}

body{
  font:13px/18px Arial;
  color:#000;  
  background: #D2CBC6;
}

h1{
  font:24px/24px "MyriadProLightRegular";
  padding:0 0 0 0;
  margin:0 0 0 0;
}

h2{
  font:20px/18px "MyriadProLightRegular";
}

h3{
  font:14px/14px "MyriadProLightRegular";
}

.center{
  width:990px;
  margin:0 auto 0 auto;  
}

a img,img{
  border:0px;
}

#content .content-block a,
#content .news-single a{
  color:#7e3943;
  font-weight:bold;
  text-decoration: none;
}
#content .content-block a:hover,
#content .news-single a:hover{text-decoration:underline;}

#cnt-header{  
  height:117px;
  display:block;  
  background: #fff url(img/menu-bg.jpg) bottom left repeat-x;
}

#cnt-header .top{
  width:990px;
  height:21px;
  display: block;
  float: left;  
}

#cnt-header .middle{
  width:990px;
  height:70px;
  display: block;
  float: left;
  position: relative;  
}

#cnt-header .bottom{
  width:990px;
  height:26px;
  display: block;
  float: left;  
}


#cnt-header a.logo{
  width:197px;
  height:70px;
  display: block;
  float:left;
  background:url(img/logo.png) top left no-repeat;  
}

/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------MENYER----------------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/

#cnt-lang-menu{
  width:990px;
  height:21px;
  display: block;
  float: left;
}

#cnt-lang-menu ul,
#cnt-lang-menu li{
  padding:0;
  margin:0;
  list-style-type:none; 
}

#cnt-lang-menu ul{  
  float:right;
  height: 21px;
  display: block;
  padding-right:6px;
  background: url(img/lang-menu-splitter.png) top right no-repeat;  
}

#cnt-lang-menu li{
  height: 21px;
  display: block;
  float: left;
  margin-right:12px; 
}

#cnt-lang-menu li a,
#cnt-lang-menu a{
  font:13px/21px Arial;
  color:#5f4538;
  text-decoration: none;
}

#cnt-lang-menu li a:hover,
#cnt-lang-menu a:hover{text-decoration: underline}
#cnt-lang-menu li.current_page_ancestor a,
#cnt-lang-menu li.current_page_item a{font-weight: bold}

#cnt-lang-menu a.login{
  height:21px;
  display: block;
  float:right;
  margin:0 0 0 17px;
}

/*----------------------------------------------------------------------------------------*/

#cnt-menu{
  width:990px;
  height:26px;
  display: block;
  
}

#cnt-menu ul,
#cnt-menu li{
  padding:0;
  margin:0;
  list-style-type:none;
  height:26px;   
}

#cnt-menu ul{
  width:990px;  
  text-align: center;      
}

#cnt-menu li{
  display:block;
  float:left;
  margin-left:6px;  
}

html>/**/body #cnt-menu li{
  display:inline-block;
  float:none;
  margin-left:6px;  
}

#cnt-menu li a{
  font:11px/26px Arial;
  font-weight:bold;
  color:#fff;
  text-decoration: none;
  text-transform:uppercase;
  padding:0 10px;
  height:26px;
  display: block;
}

#cnt-menu li a:hover,
#cnt-menu li.current_page_item a,
#cnt-menu li.current_page_ancestor a{
  background:url(img/frost.png) repeat;
}

/*----------------------------------------------------------------------------------------*/



#cnt-subsubmenu{
  width:220px;
  height:443px;
  display: block;
  float: left;
  margin:0 0 0 0;
  padding:0 0 0 0;
  background:url(img/sub-menu-bg.jpg);
}

#cnt-subsubmenu h2{
  padding:0;
  margin:0;
}
#cnt-subsubmenu h2 a{
  width:200px;
  display:block;
  float: left;
  
  font:11px/52px Arial;
  font-weight: bold;
  text-transform: uppercase;  
  color:#000;
  
  padding:0 5px 0 15px;
  text-decoration: none;
}

#cnt-subsubmenu ul,
#cnt-subsubmenu li{
  list-style-type:none;
  padding:0;
  margin:0;
}

#cnt-subsubmenu ul,
#cnt-subsubmenu li{
  width:220px;
  display: block;
  float: left;  
}

#cnt-subsubmenu ul{
  border-bottom:1px solid #d5d5d5;  
}
#cnt-subsubmenu li{
  border-top:1px solid #d5d5d5;  
}

#cnt-subsubmenu li a{
  width:200px;
  display: block;
  float: left;  
  
  font:11px/11px Arial;
  font-weight:bold;
  color:#000;
  text-transform: uppercase;
  text-decoration: none;
  padding:8px 5px 8px 15px;  
}

#cnt-subsubmenu li a:hover,
#cnt-subsubmenu li.current_page_item a,
#cnt-subsubmenu li.current_page_ancestor a,
#cnt-subsubmenu h2 a:hover{
  background: #000;
  color:#fff;
}

#cnt-subsubmenu ul.children{
  border-bottom:0px;  
}

#cnt-subsubmenu ul.children li a{
  background: #a29e9c;  
}

#cnt-subsubmenu ul.children li.current_page_item a,
#cnt-subsubmenu ul.children li a:hover{
  background: #6b6866;
}



/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------SLUT - MENYER---------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/

#board{
  width:100%;
  display:block;
  clear: both;
  position: relative;
}

#board-content{  
  width:990px;
  height:443px;
  display:block;
  float: left;  
  position: absolute;  
  background:#fff;
  z-index: 2;
}

#bg{
  height: 443px;  
  overflow: hidden;  
  width: 100%;  
  
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: relative;
  z-index:1;  
}


#bg img{
  height: 100%;
  width: 100%;
  left: 0;  
  top: 0;
    
}

#cnt-main{
  width:100%;
  display: block;
  float: left;
  background:#fff url(img/stiches.png) top left repeat-x;
  padding:25px 0 0 0;
}

#cnt-content{
  width:990px;  
  display: block;
  float: left;  
  position: relative;
  z-index: 4;
  background: #fff url(img/content-bg.png) top left repeat-x;  
}

#cnt-content.no-sub-sub-menu{
  margin-top:-443px;
  min-height: 450px;
  padding:0 45px 0 45px;
  width:900px;
  background: #fff;
}

#cnt-puffs{
  width:990px;
  display: block;
  float:left;
}

.block{
  width:990px;
  display: block;
  float:left;
  margin:0 0 15px 0;
}

.block h2{

  display:block;
  font:20px/18px "MyriadProLightRegular";
  font-weight:normal;
  margin:0 0 0 0;
  padding:0 0 8px 0;
  
}


.puff{
  width:318px;
  display: block;
  float: left;
  border-bottom:1px solid #d2cbc6;
  margin-left:18px;
}

.puff.r-arrow{
  background:url(img/r-arrow.png) bottom right no-repeat;
  padding:0 0 0 0;
}


.puff p{
  margin:0 0 15px 0;
  padding:0;
}

.puff.first{
  margin-left: 0px;
}

.puff h2{
  width:318px;
  display:block;  
  font:20px/43px "MyriadProLightRegular";
  font-weight:normal;
  margin:0;
  padding:0;
  text-align: left;
}

.puff h2 a{
  color:#000;
  text-decoration:none;
}

.puff h2 a:hover{  
  text-decoration:underline;
}

.puff img{
  width:318px;
  display:block;
  float:left;
  position: relative;
}

.puff .overlay{
  width:318px;
  display:block;
  background:url(img/overlay.png);
  position:absolute;
  z-index: 2;
}

.puff .text{
  position: relative;
  z-index: 1;
}

.puff .text .overlay{
  width:318px;
  display:block;
  position:absolute;
  background:none;
  z-index: 2;  
}

.puff .text.hovering{
  text-decoration: none; 
  cursor: pointer;
}

.puff.hovering{
  background-color:#f4f4f4;
  cursor: pointer;
}

#cnt-footer{
  width:100%;  
  padding:20px 0 0 0;
  display:block;
  float: left;  
  background: #fff;
}

#cnt-footer .footer{
  width:100%;
  height:36px;
  padding:20px 0 0 0;  
  display:block;
  float: left;
  background :#d2cbc6 url(img/stiches-trans.png) top left repeat-x;
}

#cnt-footer.fixed{
  position: fixed;
  bottom:0;
  left:0;
}

.royal{  
  width:990px;
  display: block;
  float:left;
  margin:0 0 24px 0;
  padding:0 0 0 0;
  text-align: center;  
}

.royal a.sigill{
  width:100px;
  display: block;
  clear: both;
  margin:8px auto 0 auto;
}
.royal a.sigill img{
  width:70px;
}  


/*--------------------------------------------------------------------------------------------------------------
 ------------------------------------------------BILDSPEL-------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/

#cnt-header-nivo-slideshow-start-page,
#cnt-header-slideshow-start-page{
  width:672px;
  height:443px;
  display: block;
  float: left;
}

#cnt-header-nivo-slideshow,
#cnt-header-slideshow{
  width:770px;
  height:443px;
  display: block;
  float: left;
}

#cnt-header-nivo-slideshow-start-page img,
#cnt-header-nivo-slideshow img{
  height:443px;  
}


#cnt-header-nivo-slideshow-start-page .nivoSlider {
    position:relative;
    width:672px; /* Change this to your images width */
    height:443px; /* Change this to your images height */
    /*background:url(images/loading.gif) no-repeat 50% 50%;*/
}

#cnt-header-nivo-slideshow .nivoSlider {
    position:relative;
    width:770px; /* Change this to your images width */
    height:443px; /* Change this to your images height */
    /*background:url(images/loading.gif) no-repeat 50% 50%;*/
}

#cnt-header-nivo-slideshow-start-page .nivoSlider img ,
#cnt-header-nivo-slideshow .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    height:443px;
}

#cnt-header-nivo-slideshow-start-page .nivoSlider a,
#cnt-header-nivo-slideshow .nivoSlider a  {
    border:0;
    display:block;
}

#cnt-header-nivo-slideshow-start-page .nivo-controlNav,
#cnt-header-nivo-slideshow .nivo-controlNav{
  position: absolute;
  bottom:5px;
  right:5px;
}

#cnt-header-nivo-slideshow-start-page .nivo-control,
#cnt-header-nivo-slideshow .nivo-control{  
  width:15px;
  height:16px;
  display:block;
  float:left;
  margin:0 0 0 4px;
  padding:0 1px 0 0;
  font:13px/16px Arial;
  color:#fff;
  background: url(img/nivo-ctrl-nav-bg.png);
  text-align: center;
}

#cnt-header-nivo-slideshow-start-page .nivo-control.active,
#cnt-header-nivo-slideshow-start-page a:hover.nivo-control,
#cnt-header-nivo-slideshow .nivo-control.active,
#cnt-header-nivo-slideshow a:hover.nivo-control{
  font-weight: bold;
}

#cnt-header-nivo-slideshow-start-page .nivo-caption,
#cnt-header-nivo-slideshow .nivo-caption,
#cnt-header-slideshow-start-page .nivo-caption,
#cnt-header-slideshow .nivo-caption{
  width:293px;  
  display:block;  
  background: url(img/nivo-ctrl-nav-bg.png);
  
  position: absolute;
  bottom:38px;
  right:0;
  padding:30px 5px 25px 20px;
}


#cnt-header-nivo-slideshow-store-locator-page .nivo-caption,
#cnt-header-slideshow-store-locator-page .nivo-caption{
  width:271px;  
  display:block;  
  background: url(img/nivo-ctrl-nav-bg.png);
  
  position: absolute;
  bottom:50px;
  left:64px;
  padding:20px 20px;
}

#cnt-header-nivo-slideshow-store-locator-page .nivo-caption h2,
#cnt-header-slideshow-store-locator-page .nivo-caption h2,
#cnt-header-nivo-slideshow-start-page .nivo-caption h2,
#cnt-header-nivo-slideshow .nivo-caption h2,
#cnt-header-slideshow-start-page h2,
#cnt-header-slideshow h2{
  font:30px/30px "MyriadProLightRegular";
  padding:0 0 0 0;
  margin:0 0 0 0;
  font-weight: normal;
}

#cnt-header-nivo-slideshow-start-page .nivo-caption h2 a,
#cnt-header-nivo-slideshow-start-page .nivo-caption a,
#cnt-header-nivo-slideshow .nivo-caption h2 a,
#cnt-header-nivo-slideshow .nivo-caption a,
#cnt-header-slideshow-start-page h2 a,
#cnt-header-slideshow a{
  color:#fff;
  text-decoration: none;
}

#cnt-header-nivo-slideshow-start-page .nivo-caption h2 a:hover,
#cnt-header-nivo-slideshow-start-page .nivo-caption a:hover,
#cnt-header-nivo-slideshow .nivo-caption h2 a:hover,
#cnt-header-nivo-slideshow .nivo-caption a:hover,
#cnt-header-slideshow-start-page .nivo-caption h2 a:hover,
#cnt-header-slideshow .nivo-caption a:hover{
  text-decoration: underline;
}

#cnt-header-nivo-slideshow-start-page .nivo-caption p,
#cnt-header-nivo-slideshow .nivo-caption p,
#cnt-header-slideshow-start-page .nivo-caption p,
#cnt-header-slideshow .nivo-caption p{
  padding:0;
  margin:0;
}

/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------SLUT - BILDSPEL-------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------NEWS------------------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/

#content .news-item{
  width:900px;
  display:block;
  float:left;
  padding:32px 0 32px 0;
  border-bottom:1px solid #d2cbc6;
  background:url(img/r-arrow-news.png) bottom right no-repeat;
} #content .news-item.first{padding-top:20px;}

#content .news-item .image{
  width:580px;
  display:block;
  float:left;
  margin:0 0 0 0;  
}
 
#content .news-item .text{
  width:288px;
  display:block;
  float:left; 
  padding:0 0 0 22px;   
}
#content .news-item .text.no-image{
  width:320px;
  display:block;
  float:left;
  padding-left:0px;  
}

#content .news-item .text h2{
  padding:4px 0 0 0;
  margin:0 0 0 0;
}

#content .news-item .text h2 a{
  text-decoration: none;
  color: inherit;    
} #content .news-item .text h2 a:hover{text-decoration: underline;}


#content .news-archive{
  width:900px;
  display:block;
  float: left;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

#content h1.header{
  display:block;
  text-align: center;
}

#content .news-archive h2{text-align:center;}

#content .news-archive-item{
  width:206px;
  display:block;
  float: left;
  padding:0 0 0 0;
  margin:0 0 0 24px;
}#content .news-archive-item.first{margin-left:0;}

#content .news-archive-item h3{
  padding:0 0 0 0;
  margin:0 0 0 0;
  font-size:15px;
}

#content .news-archive-item .text span{
  padding:0 0 0 0;
  margin:0 0 0 0;
  font-size:11px;
}

#content .news-archive-item h3 a{
  text-decoration: none;
  color: inherit;
}#content .news-archive-item h3 a:hover{text-decoration:underline;}

#content .news-archive .pagination{
  width:900px;  
  display:block;
  float: left;
  padding:35px 0 0 0;
  margin:0 0 0 0;  
}

#content .news-archive .pagination .float-right{
  float:right;
}

#content .news-archive .pagination .page-numbers{
  width:17px;
  height:18px;  
  display:block;
  float: left;
  text-align:center;
  font:13px/18px Arial;
  padding:0 1px 0 0;
  margin:0 0 0 3px;
  text-decoration: none;
  color:#000;
}
#content .news-archive .pagination a:hover{
background:#e9e2dd;
}

#content .news-archive .pagination .page-numbers.current{
  background:#d2cbc6;
}

#cnt-latest-news{
  width:316px;
  height:443px;
  display: block;
  float: left;
  margin:0 0 0 2px ;  
}

#cnt-latest-news .latest-news-item{
  width:316px;
  height:221px;
  display: block;
  float: left;
  margin:0 0 0 0px ;
  position: relative;  
} #cnt-latest-news .latest-news-item.first{height:220px;margin-bottom:2px;}

#cnt-latest-news .latest-news-item .image{
  width:316px;
  height:221px;
  display: block;    
}

#cnt-latest-news .latest-news-item.first .image,
  #cnt-latest-news .latest-news-item.first .image img{
  width:316px;
  height:220px;
  display: block;    
}

#cnt-latest-news .latest-news-item .image img{
  width:316px;
  height:221px;
  display: block;  
}
  
#cnt-latest-news .latest-news-item .text{
  width:215px;
  display: block;
  position: absolute;
  bottom:11px;
  right:0px;  
  background: url(img/nivo-ctrl-nav-bg.png);
  padding:12px 5px 8px 10px;
}

#cnt-latest-news .latest-news-item .text h3{
  font:20px/20px "MyriadProLightRegular";
  padding:0 0 0 0;
  margin:0 0 0 0;
}

#cnt-latest-news .latest-news-item .text h3 a{
  text-decoration: none;
  color:#fff;
}

#cnt-latest-news .latest-news-item .text h3 a:hover{
  text-decoration:underline;
}

#content .news-single img.alignnone{
  display:block;
  margin:5px 0 10px 0;
}

#content .news-single p{
  width:590px;
}

/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------SLUT - NEWS-----------------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------CONTENT-BLOCK-LAYOUT--------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/
.block.content-block{
  width:990px;
  display: block;
  float:left;
  margin:0 0 0 0;
}

.block.content-block .block{
 margin:10px 0 20px 0; 
}

.block.content-block .puff{
  margin-bottom:0px;
}

.image-text{
  width:990px;
  display: block;
  float:left;
  padding:10px 0 0 0;
}

.image-text .image,
.image-text .text{
  width:495px;
  display: block;
  float: left;
}


.image-text .text{
  width:375px;
  padding-left:60px;
  padding-right:60px;
  padding-top:10px;
}

.image-text .text h2{
  float: left;
  text-align: left;
  width:495px;
}

.image-text .image.left img{
  float: right;
}

.image-text .image.right img{
  float: left;
}


.image-text-image{
  width:990px;
  display: block;
  float:left;
  padding:20px 0 20px 0;
}

.image-text-image .image,
.image-text-image .text{
  width:285px;
  display: block;
  float: left;
}

.image-text-image .text{
  width:260px;
  display: block;
  float: left;
  padding:10px 100px 0 60px;
}

.image-text-image .text h2{
  float: left;
  text-align: left;
  width:260px;
}

.image-text-image .image.left img{
  float: right;
}

.image-text-image .image.right img{
  float: left;
}

.text-only{
  width:870px;
  display: block;
  float: left;
  padding-left:60px;
  padding-right:60px;
  padding-bottom:20px;
}

.text-only .text{
  width:870px;
  display: block;
  float: left;  
}

.text-only .text p{
  width:550px;
}

.text-only h2{
  
  padding:8px 0 0 0;
  margin:0 0 0 0;
}


.text-text{
  width:870px;
  display: block;
  float: left;
  padding-left:60px;
  padding-right:60px;
  padding-bottom:20px;
}

.text-text .text{
  width:435px;
  display: block;
  float: left;  
}

.text-text .text p{
  
}

.text-text h2{
  
  padding:8px 0 0 0;
  margin:0 0 0 0;
}


.image-only{
  width:990px;
  display: block;
  float: left;
}

.collection{
  height:253px;
  display:block;
  float:left;
  overflow: hidden;
  margin:0 0 2px 2px;
  position: relative;
}.collection.first{margin-left:0;}

.collection img{
  height:253px;  
}

.collection.small .image img{
  width:220px;  
}

.collection.large .image img{
  width:324px;  
}

.collection .text{  
  display:block;
  position: absolute;
  bottom:0px;
  left:0px;
  z-index: 1;
  background: url(img/nivo-ctrl-nav-bg.png);
  font:13px/16px "Arial";
  color:#fff; 
  
  padding:6px 18px 5px 12px;
}

.collection .text p,
.collection .text h4{
  padding:0 0 0 0;
  margin:0 0 0 0;
}

.collection .text h4{
  font-size:11px;
  padding:0 0 1px 0;
  margin:0 0 0 0;
}

.collection.small .text{
  width:190px;
}

.collection.large .text{
  width:294px;
}

.js .collection .text{
  display:none;
}



/*--------------------------------------------------------------------------------------------------------------
 ----------------------------------------SLUT-CONTENT-BLOCK-LAYOUT----------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/
 

/*--------------------------------------------------------------------------------------------------------------
 -----------------------------------------NEWSLETTER-LAYOUT--------------------------------------------------
 --------------------------------------------------------------------------------------------------------------*/ 
 
#newsletter_link {
 	position: absolute;
 	right: 0;
 	bottom: 10px;
 	color: #5f4538;
 	text-decoration: none;
 	background-image: url("img/r-arrow.png") no-repeat;
}

#newsletter_link:hover {
	text-decoration: underline;
}

#newsletter_lightbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: url(img/ie-lightbox-bg.png);
	background: rgba(0,0,0,.5);
}

#mc_embed_signup {
	width: 500px;
	margin: 180px auto 0;
	padding: 10px;
	background: #fff;
	position: relative;
}

#mc_embed_signup .close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 20px;
	margin-top: -10px;
	font-size: 20px;
	font-family: Arial, Helvetica;
	cursor: pointer;
	z-index: 30;
}

#mc_embed_signup .mc-field-group input {
  margin-bottom: 0;
}

#mc_embed_signup div#mce-responses {
  margin: -20px 0 0 0;
  padding: 0;
  color: #6B0505;
}