/*
Site Name:      Hunkydory
Site URI:       http://www.hunkydory.se
Version:        0.1
Last update:    2010-09-10
Author:         Celebration
Author URI:     http://celebrationstudios.se
*/

/**************************  FRAMEWORK **************************/
body 
{
    background: #fafbf6;
    margin:0;
    padding:0;
	height:100%;width:100%;
}
body.startpage
{
    overflow:hidden;
}
img.BackgroundImage {
	position:fixed;
	z-index: -1;
	
}
#wrapper
{
  width:100%;
  margin:0 auto;
  padding:0;
}

/***********  STANDARD ***************/
body 
{
     font-family:'Sackers Gothic W01 Medium', Arial;
     color:#3C3C3C;
     font-size:12px;
     line-height:17px;
     text-transform: lowercase;
     background: #fafbf6;
}
img
{
    border:0 none;
}

a
{
    text-decoration:none;
    color:#3c3c3c;
}
a:hover
{
    text-decoration:none;
    color:#525252;
}
.hide
{
    display:none;
}

h1
{
     font-size:12px;
     line-height:20px;
     text-transform:lowercase;
	 font-weight:normal;
	 margin: 0;
 }



h2, h3
{
     font-size:12px;
     line-height:17px;
     text-transform: lowercase;
     font-weight:normal;
	 margin: 0;
 }

/*********** /STANDARD ***************/

/***********  HEADER ***************/
#header
{
    width:100%;
    text-align:center;
    float:left;
    margin:40px 0 26px 0;
    position:relative;
    z-index: 150;
}
/*********** /HEADER ***************/

/***********  NAV ***************/

/* TopMenu */
#nav
{
    width:940px;
    text-align:center;
    position:absolute;
    left:50%;
    margin-left:-470px;
    z-index:150;
    top:115px;
}

#nav ul
{
    margin:0 0 0 170px;
    padding:0;
    list-style:none;
}
#nav li
{
    display:inline;
    margin:0 25px 0 0;
    float:left;
} 

#nav li.onlinestore a
    {   
       background: url(images/onlineanimation.gif) no-repeat center bottom;
       padding:0 0 3px 0;
    }

#nav li.onlinestore a:hover
    {   
       text-decoration:none;
       border-bottom:0 none;
    }
    #nav li.shopcolor a
    {   
        /*color:#805C6F;*/
    }
        #nav li.shopcolor a:hover
        {   
            /*color:#95637D;
            border-bottom: 1px solid #95637D;*/
        }

    #nav li a
    {
        text-decoration:none;
        color:#3C3C3C;
    }
    
    #nav li a:hover
    {
        border-bottom: 1px solid #525252;
        !border-bottom: none; /* IE7 Fix*/
        !text-decoration:underline; /* IE7 Fix*/
		color:#525252;
    }
    
    #nav li.selected a
    {
        border-bottom: 1px solid #888;
        !border-bottom: none; /* IE7 Fix*/
        !text-decoration:underline; /* IE7 Fix*/
		color:#888;
    }

 /* /TopMenu */ 
 
 /* SubMenu */
#subnav
{
    width:100%;
    text-align:center;
    float:left;
    margin:-20px 0 10px 0;
}

#subnav ul
{
    margin:8px 0 0 0;
    padding:0;
    list-style:none;
}
#subnav li
{
    display:inline;
    margin:0 25px 0 0;
}

    #subnav li a
    {
        text-decoration:none;
        color:#3C3C3C;
    }
    #subnav li a:hover
    {
		color: #525252;
        border-bottom: 1px solid #525252;
        !border-bottom: none; /* IE7 Fix*/
        !text-decoration:underline; /* IE7 Fix*/
    }
    
    #subnav li a.selected
    {
		color: #888;
        border-bottom: 1px solid #888;
        !border-bottom: none; /* IE7 Fix*/
        !text-decoration:underline; /* IE7 Fix*/
    }

 /* /SubMenu */
 
/***********  /NAV ***************/

/***********  CONTENT ***************/
#container
{   
    width:940px;
    margin:0 auto;
    padding:0;
    min-height:300px;
}

#content
{
    float:left;
    width:940px;
    padding:0 0 60px 0;
    margin-top: 50px;

}
/*********** /CONTENT ***************/

/***********  FOOTER ***************/

/* Newsletter window */
#newsletter
{
	background: #fafbf6 none repeat scroll 0px 0px;
	bottom: 31px;
	float: left;
	height: 220px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	position: fixed;
	width: 230px;
}
#newsletter_signup a.right
{
float:right;
}

#newsletter_signup a.left
{
float:left;
}



span.error
{
    float:left;
}
#newsletter_signup input
{
    background:none;
    border:0 none;
    height:19px;
    padding:1px 10px 2px;
    width:211px;
    font-size:11px;
    color:#fafbf6;
	background: url("images/txtbox_registry.png") no-repeat scroll left top transparent;
	/* background-color: #000; */
    font-family:'Sackers Gothic W01 Medium', Arial;
    /* font-weight:bolder; */
    font-weight: bolder;
}

#newsletter_signup input:focus{
outline: none;
}

#newsletter_signup p{
margin-bottom: 10px;
}


/* Newsletter window */
#footer
{
    bottom: 0;
    left:0;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    width:100%;
   /* background:#fafbf6; */
    float:left;
	font-size: 10px;
	
	padding-left: 10px;
	z-index: 150;

}
#footer_bg
{
    bottom: 0;
    left:0;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    width:100%;
    background:#fff;
    float:left;
	font-size: 10px;
	
	padding-left: 10px;
	z-index: 150;
}
body.productcataloggroup #footer, body.web_campaign #footer, body.web_stores #footer
{
    background:#fff;
}
#footer a, #footer_bg a
{
    color: #3C3C3C;
    float:left;
    margin:3px 10px 3px 0;
	padding:2px 5px;
}

.footer_left
{
    float:left;

    width:55%;
}
body.startpage .footer_left
{
    background:none;
}
.footer_right
{
    float:right;
    margin:0 10px 0 0;
}

/*********** /FOOTER ***************/


/************************** /FRAMEWORK **************************/


/************************** STARTPAGE **************************/
.startpage_puff
{
    width:566px;
    height:190px;
    float:left;
    background: url(images/puff_bkg.png) no-repeat top left;
    position:absolute;
    top:38%;
    left:0;
    cursor:pointer;
    }
    
 .startpage_puff h1
{
    font-size:16px;
    line-height:14px;
    margin:0 0 10px 0;
    cursor:pointer;

    
}
 .startpage_puff a
{
    color:#3C3C3C;
    cursor:pointer;
    
}
.startpage_puff p
{
    margin:0;
    cursor:pointer;
    }
.startpage_puff_left
{
    width:247px;
    height:148px;
    margin:21px 0 1px 0;
    float:left;
    cursor:pointer;
}
.startpage_puff_right
{
    float:left;
    width:276px;
    font-size:12px;
    line-height:16px;
    margin:34px 0 0 6px;
    text-transform:lowercase;
    cursor:pointer;
}

div#puffar
{
    float:left;
    width:940px;
    list-style:none;
    position:fixed;
    bottom:7%;
    }
    div#puffar div.puff
    {
        float:left;
        width:300px;
        margin:0 10px 0 0;
        padding:0 9px 0 0;
        border-right:1px solid #fafbf6;
    }
    div#puffar div.nomargin
    {
        margin:0 0 0 0;
        padding: 0 0 0 0;
        border-right: 0 none;
    }
        div#puffar div.puff a
        {
            width:300px;
            color:#3C3C3C;
        }
        div#puffar div.puff h2
        {
            float:left;
            width:160px;
            margin:0;
        }
        div#puffar div.puff p
        {
            float:left;
            width:160px;
            margin:0;
        }
        div#puffar div.puff img
        {
            
            
        }
    

/************************** /STARTPAGE **************************/


/************************** COLLECTION START**************************/
.zindex
{
    z-index:99;
    }
#collection_start
{
    margin:20px 0 0 0;
    float:left;
}
    #collection_start h1
    {
        font-size:12px;
    }
    
.collection_start_0
{
    float:left;
    width:460px;
}

.collection_start_1
{
    float:left;
    margin:0 0 0 20px;
    width:460px;
}
    .collection_start_pic_0, .collection_start_pic_1
    {
        float:left;
        width:460px;
    }
	
	.collection_start_pic_0 img, .collection_start_pic_1 img{
		border: 2px solid #fafbf6;
	}
    .collection_start_item
    {
        margin:0 0 20px 0;
        padding:0;
        float:left;
        width:460px;
    }
    
    .collection_start_item ul
    {
        list-style:none;
        float:left;
        margin:0;
        padding:0;
    }
    
    .collection_start_item li
    {
        float:left;
        margin:0 6px 0 0;
    }
	
	.collection_start_item li:last-child{
		margin: 0;
	}

/************************** /COLLECTION START**************************/



/************************** COLLECTION **************************/



.collection_top
{
    float:left;
    width:941px;
    margin:10px 0 15px 0;
    }
 
 .breadcrums
 {
     float:left;
	 width: 500px;
     }
  
  .collection_links_item1
  {
      float:right;
      margin:0 219px 0 10px;
  }
  
    .collection_links_item2
  {
      float:right;
      margin:0 68px 0 10px;
  }
  
  /*Trigger*/
#change, #filter  
{
    width:250px;
    position:absolute;

}
#change_trigger, #filter_trigger 
{
    float:left;
    height:17px;
    padding:5px 12px 7px;
    text-align:center;
    font-size:10px;
    cursor:pointer;
	background: #fafbf6;
}
    #change_trigger a, #filter_trigger a
    {
        background-image: url(images/arrow_down.png);
        background-repeat:no-repeat;
        background-position:center left;
        padding:0 0 2px 10px;
		color: #3C3C3C;
    }
	
	#change_trigger a.close{
	background-image: url(images/arrow_x.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 2px 10px;
	}	
	
	#filter_trigger a.close{
	background-image: url(images/arrow_x.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 0 2px 10px;
	}
    .change_trigger_bkg
    {
        background-color: #2c2c2c;
    }

#change_content, #filter_content 
{
    background: #fafbf6;
    padding:10px;
    width:250px;
    font-size:11px;
}
#change_content a, #filter_content a
{
    color:#3C3C3C;
}
#change_content a:hover, #filter_content a:hover
{
    color:#3C3C3C;
}
#change_content h2, #filter_content h2
{
    font-size:11px;
    font-weight:normal;
}

    #change_content
    {
		width: 143px;
        margin:28px 0 0 0;
		position:absolute;
		z-index: 9999;
        !margin-top:0; /* IE7 Fix*/ 
    }

    #filter_content
    {
        margin:28px 0 0 -68px;
		position:absolute;
		z-index: 9999;
		width: 119px;
        !margin:0; /* IE7 Fix*/ 
    }
    
    #change_content ul, #filter_content ul
    {
       margin:0;
       padding:0;
       list-style:none;
    }
    #change_content li, #filter_content li
    {
        background: url(images/arrow_right.png) no-repeat center left;
        padding:0 0 3px 10px;
    }
	
	#filter_content li.current a, #filter_content li.current a:visited, #change_content li.current a, #change_content li.current a:visited{
		color: #9b9a96;
	}





  /*/Trigger*/
  
#collection
{
    float:left;
	
}
#collection ul
{
    list-style:none;
    margin:0 -12px 0 0;
    padding:0;
    float:left;
}
#collection li
{
    float:left;
    margin:0 6px 6px 0;
    padding:0;
    height:274px;
    width:180px;
    overflow:hidden;
	border:2px solid #fafbf6;
}
    #collection li a
    {
        float:left;
    }

    #collection li:hover
    {
        
        margin:0 6px 6px 0;
    
    }
/*Tooltip*/ 
	.tooltip {
		display:none;
		background-color:#e4e4d6;
		color:#767973;
		padding:10px;
		width:auto;
		cursor:pointer;
		opacity:0.75;
	}

	/* style the trigger elements */
	#triggers img {
		cursor:pointer;
	}
	#triggers ul li.hidden{
	display:none;
	}	

/*Tooltip*/ 

/************************** /COLLECTION **************************/

/************************** PRODUCT **************************/
.product_bottom{
	position:absolute;
	top:460px;
}
.back_product
{
    position:absolute;
    top:0;
    left:0;
    padding: 5px;
    background:#aeb4ad;
	z-index: 99;
}
.next_product, .previous_product{
	height: 100%;
	background: none;
	width: 100px;
	
}

.next_product:hover, .previous_product:hover{
cursor: pointer;
}
.previous_product 
{
    position:absolute;
    left:0;
    float:left;
}

a.preva, a.nexta{
	display:block;
	height: 600px;
	padding:0;
	position:absolute;
	width: 100px;
}
    a.preva
    {   
        background: url(images/big_arrow_left.png) no-repeat 20px center;
        left:0;
    }
a.preva:focus, a.nexta:focus{
	outline:none;
}
.next_product 
{
    position:absolute;
    top:0;
    right:0;
    float:left;
}
    a.nexta
    {   
        background: url(images/big_arrow_right.png) no-repeat 50px center;
        right: 3px;
		width: 99px;
    }


#product
{
 height:540px;
position:absolute;
top:170px;
margin:0 81px;
width:780px;
}
    .product_pic
    {
        float:left;
        width:360px;
        height:540px;
    }
    .product_pic img
    {
        border:none;
        }
    
    .product_info
    {
        float:left;
        margin:1px 0 0 20px;
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8;
        height:497px;
        width:399px;
        padding:20px 0 20px 0;
    }

    .product_info h1
    {
        font-size:12px;
        line-height:17px;
        margin:0;
        padding:0;
    }
    .product_info p
    {
        font-size:12px;
        line-height:17px;
        margin:0;
        padding:0;
    }
        .product_info p.material
    {
        margin:15px 0 15px 0;
    }
    
    #p_images
    {
        width:480px;
    }
        #p_images img
        {
            margin:5px 5px 5px 0; 
            border: 1px solid #3c3c3c; 
            float:left;
        }
        #p_images p
        {
            width:400px;
            margin:11px 0 0 0;
            float:left;
        }
    /*
    #p_images{width:200px;min-height:280px; margin-top:-5px;}
    #p_images img {margin:5px 5px 5px 0; border: 1px solid #fff; float:left;}*/
	
.acc_empty
{
    height:79px;
    }
	.ui-accordion-header{
		display:block;
	}
	.store_link{
	
	}
	#accordion{
		
	}
	
	#share_slide{
		
	}
.web_share ul
{
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
    float:left;
    width:100%;
     }
    .web_share li
    {
        float:left;
        margin: 0 10px 0 0;
    }

.web_share input
{
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    font-size:11px;
    height:19px;
    padding:1px 10px 2px;
    width:211px;
    }
    
.p_image_flip
{
       margin:5px 0 0 0px;
       float:left;
       width:360px;
}
    .p_image_flip a
    {
       
       background-position:0 5px;
       padding: 0px 30px 20px 28px;
       width:160px;
       height:27px;
       margin:0 0 0 120px;
    }


/************************** /PRODUCT **************************/

/************************** CAMPAIGN **************************/





/************************** /CAMPAIGN **************************/


/************************** ARTICLE **************************/
.article_left
{
    float:left;
     width:420px;
    padding:20px;
	margin-left: 80px;
	margin-top: 15px;
   /* position:fixed; */
    z-index:150;
}
.article_right
{
    float:right;
    width:600px;
    padding:20px 0 0 0;
    margin:0 -120px 0 0;
}



/************************** /ARTICLE **************************/

/*************************STORES ******************************/
#stores_top_container{
	float:left;
	width: 940px;
	padding:20px 0 0 0;
	margin-bottom:40px;
}
.store_td_container h1
{
    margin: 0 0 5px 0;
}
	#stores_top_container div.left, #stores_top_container div.right{float:left;}
	#stores_top_container div.left{
	width: 300px;
	}	
	#stores_top_container div.right{
	margin-left:20px;
	width: 380px;
	}
		.box{
		margin: 20px 0 20px 0;
		width:300px;
        height:21px;
		}

		.box input#search_store
		{
		    background: url("images/txtbox_bkg_stores_new.png") no-repeat scroll left top transparent;
			border:0 none;
			height:19px;
			padding:0 5px 2px;
			width:197px;
			font-size:11px;
			color:#fff;
			font-family:'Sackers Gothic W01 Medium', Arial;		
			float:left; font-weight: bolder;
		}
		
		.box input.submit_search{
		background: url("images/txtbox_bkg_stores_new_btn.png") no-repeat scroll left top transparent;
		border:none;
		height: 21px;
		width:87px;
		}
		.box input.submit_search:hover{
		cursor:pointer;
		}
		
		table#store_finder td{
		width: 300px;
		padding-right:20px;
		vertical-align:top;
		background:url("images/td_bg_bottom.png") no-repeat scroll left bottom transparent;
		}
			div.store_td_container{
			border-top:1px solid #d8d8d8;
			width: 300px;
			margin: 0;
			padding:20px 0 20px 0;
			}
			
			div.store_td_container img{
			margin: 0 0 10px 0;
			}
			
		table#store_finder td.last{
            width: 310px;
            padding-right:0;
            }
		table#store_finder td.last div.store_td_container
		    {
		        width: 310px;
		    }
			
			table#store_finder ul{
				margin: 0 0 20px 15px;
				padding:0;
			}
			table#store_finder ul.adresses li{
			    list-style-image:none;
			    list-style-type:none;
			}
				ul.adresses li{
				margin-bottom: 15px;
				}
					ul.adresses li p{
					padding: 0;
					margin: 0;
					}
		
				table#store_finder li{
				padding-left:0;
				margin-left: 0;
				list-style-image:url("images/grayarrow_transparent.png");
				}
				table#store_finder li a.selected{
				color:#888;
				}
				

/************************** /STORES****************************/

/************************** PRESS LOGIN ****************************/
.press_user
{
}

    .press_user input, .press_losen input
    {
       background: url(images/txtbox_pass_bkg.png) no-repeat top left;
        border:0 none;
        color:#fff;
        font-family:'SackersGothicStd-Medium',serif;
        font-size:11px;
        font-weight:bolder;
        height:19px;
        padding:1px 10px 2px;
        text-transform:lowercase;
        width:211px;
        
    }


.press_losen
{
}

.press_login
{
}

.press_login input
{
    border:0 none;
    background:none repeat scroll 0 0 transparent;
    color:#C6C2B9;
    font-family:'SackersGothicStd-Medium',serif;
    text-transform:lowercase;
    cursor:pointer;
}
.box_user
{
    background: url(images/txtbox_pass_bkg.png) no-repeat top left;
    width:231px;
    height:21px;
    margin:0 0 5px;
    color:#FFF;
}
.box_pass
{
    background: url(images/txtbox_pass_bkg.png) no-repeat top left;
    width:231px;
    height:21px;
    margin:0 0 5px;
    color:#FFF;
}
body.loginpage .box{
    width:231px;
    height:21px;
    margin:0 0 5px;
    color:#FFF;
}
.press_login input:hover
{
    color:#3C3C3C;
}
/************************** /PRESS LOGIN ****************************/

/************************** PRESS ****************************/
.press_list  
{
    float:left;
    width:940px;
    margin:0 auto;
    text-align:center;
    
}
.press_list ul 
{
    margin:0 0 0 -15px;
    padding:0px;
    list-style-type:none;
  
    }
    .press_list li
    {
        
       display:inline-block;
       !display:inline; /*IE 7 fix*/
       margin:10px;

    }
    
        .press_list li a
    {
        
        
    }



/************************** /PRESS ****************************/


#fullscreen{
position:absolute;
z-index: 2;
margin: 0;
padding: 0;
}

.btn_full{
background:url("images/open_fullscreen.png") repeat scroll 0 0 transparent;
cursor:pointer;
height:21px;
left:0;
position:absolute;
top:0;
width:120px;
}
#fullscreen:hover{
cursor: pointer;
}



#tennis{
bottom:95px;
position:absolute;
text-align:center;
width:960px;
}


.table_holder{
float:left;
margin-top: 10px;
}


.table_holder h2
{
    font-size: 12px;
	line-height: 17px;
   /* margin-bottom:10px; */
}

#color_panel { padding: 4px; color: #767973; cursor: pointer; background-color: #fafbf6; text-align: center; margin-top: 190px; text-align:left; border: 1px solid #d8d8d8; }
#color_panel img { width:20px; height:20px; margin: 5px 2px 2px 2px; border:1px solid #3C3C3C; }
#color_panel div { margin: 2px;}
.LogBtn
{
    background: url("./images/x.png") no-repeat scroll center right transparent;
    padding:0 25px 0 0;
}


/************************** STYLE FOR SMART PHONE / IPAD ****************************/

 /* target mobile devices */
@media only screen and (max-device-width: 480px) {
    div#nav ul li.shopcolor, a#signup, a.sizeguide
    {
        width: 100px; /* Så att texten med dessa klasser/ID får plats på en rad */
    }
    #footer
    {
        position:relative !important; /* Sidfoten under innehållet */
    }
    body.startpage #footer
    {
        position:fixed !important; /* Sidfoten längst ner */
    }
    input.submit_search
    {
        margin-left: -10px;
    }
    div.jqZoomWindow, div.jqZoomPup
    {
        display:none !important;
        visibility: hidden !important;
    }
    body.productcataloggroup div#wrapper div#container
    {
        min-height: 800px;
    }
    div#zoom_help
    {
        display:none;
    }
}

/* recent Webkit-specific media query to target the iPhone 4's high-resolution Retina display */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    div#nav ul li.shopcolor, a#signup, a.sizeguide
    {
        width: 100px; /* Så att texten med dessa klasser/ID får plats på en rad */
    }
    #footer
    {
        position:relative !important; /* Sidfoten under innehållet */
    }
    body.startpage #footer
    {
        position:fixed !important; /* Sidfoten längst ner */
    }
    input.submit_search
    {
        margin-left: -10px;
    }
    div.jqZoomWindow, div.jqZoomPup
    {
        display:none !important;
        visibility: hidden !important;
    }
    body.productcataloggroup div#wrapper div#container
    {
        min-height: 800px;
    }
    div#zoom_help
    {
        display:none;
    }
}

/* target ipad */
@media only screen and (device-width: 768px)
{
    div#nav ul li.shopcolor, a#signup, a.sizeguide
    {
        width: 100px; /* Så att texten med dessa klasser/ID får plats på en rad */
    }
    #footer
    {
        position:relative !important; /* Sidfoten under innehållet */
    }
    body.startpage #footer
    {
        position:fixed !important; /* Sidfoten längst ner */
    }
    input.submit_search
    {
        margin-left: -10px;
    }
    div.jqZoomWindow, div.jqZoomPup
    {
        display:none !important;
        visibility: hidden !important;
    }
    body.productcataloggroup div#wrapper div#container
    {
        min-height: 800px;
    }
    div#zoom_help
    {
        display:none;
    }
}