@import url('/files/system/css/dermalogica2010/reset.css');
@import url('/files/system/css/dermalogica2010/navigation.css');
@import url('/files/system/css/dermalogica2010/pagefeatures.css');
@import url('/files/system/css/dermalogica2010/setups.css');
@import url('/files/system/css/dermalogica2010/paragraph.css');
@import url('/files/system/css/dermalogica2010/text.css');
@import url('/files/system/css/dermalogica2010/forms.css');
@import url('/files/system/css/dermalogica2010/search.css');
@import url('/files/Templates/ecom/ecom_dermalogica2010.css');
@import url('/files/system/css/dermalogica2010/lightbox.css');
@import url('/files/system/css/dermalogica2010/sitespecific.css');



body, html
{
height:100%;
width:100%;
background:url(/files/system/images/dermalogica2010/bg_images/bodybg.png) repeat-y center scroll;
}

#outer {
	width: 100%; 
	height:100%; 
	text-align: center;
background:url(/files/system/images/dermalogica2010/bg_images/top_bg.png) no-repeat top scroll ;

		}
#middle {width: 950px; margin-left: auto; margin-right: auto; text-align: left;}

#DWMain
{
width:100%;

}


#LogoHolder
{
background-repeat:no-repeat;
float:right;
clear:left;
margin:0px;
margin-top:20px;

}

#TopLogo>a {
height: 80px;
text-indent: -9999px;
width:200px;
display:block;
}

#topImageHolder{
float:left;
clear:both;

}

#TopHolder{
float:left;
clear:both;
width:100%;
background:#FFF url(/files/system/images/dermalogica2010/logo.png) no-repeat 20px 30px;

}

.logolink{
position:absolute;
clear:both;
width:360px;
height:90px;
background-color: transparent; 
}

}


#TopRightHolder{
float:left; 
clear:both; 
width:100%;
}



#searchHolder
{
    float:left;
	width:250px;
	background-color:#FFF;
		}

	
#MiddleHolder
{
float: left;
clear:both;
min-height: 200px;
width:100%;
background-color:#FFF;

}


#LeftColHolder
{
width:170px;
padding-top:27px;
float:left;
clear:left;
margin-right:20px;

}
#LeftColHolder>div{
float:left;
clear:left;
width:170px;
margin-bottom:20px;
}


#contentHolder
{

min-height: 200px;
float: left;
clear:none;
width:100%;

}

#FooterHolder
{
clear:both;
float:left;
width:100%;
background-color:#FFF;
}

#FooterMenuHolder
{
margin-bottom:20px;
width:250px;
padding-right:60px;

}

#Footer
{
float:left;
clear:none;
width:950px;
padding:15px 0px;
}

.button{
color:#FFF !important;
background: #5893D7 url(/files/system/images/dermalogica2010/button_blue.png) repeat-x bottom left;
padding:2px 10px 6px 10px;
float:left;
text-decoration:none;
height:13px;
font-size:11px;

}

.submit{
color:#FFF !important;
background: #5893D7 url(/files/system/images/dermalogica2010/button_blue.png) repeat-x bottom left;
padding:2px 10px 6px 10px;
float:left;
text-decoration:none;
height:13px;
font-size:11px;

}


.pageHeader{
color:#FFF; padding:5px;
}

#fancybox-close {
background-image:url("/Files/System/GFX/fancybox/fancy_close.png");
background-position:0 0;
top:0px;
right:0px;
height:20px;
width:50px;
}
#fancybox-inner{
left:0px !important;
width:637px !important;
height:485px !important;
/** background:url("/Files/System/GFX/fancybox/fancy-bg.png") repeat-x left bottom; **/
}

.ingredienspopup .head {
background-image:url("/files/System/images/dermalogica2010/menu_underline.png");
background-position:right bottom;
background-repeat:repeat-x;
padding:0px 0px 5px 10px;
width:400px;
}

.popup .head {
background-image:url("/files/System/images/dermalogica2010/menu_underline.png");
background-position:right bottom;
background-repeat:repeat-x;
padding:0px 0px 5px 10px;
width:610px;
}

.popup #relatedheader{

background-image:url("/files/System/images/dermalogica2010/menu_underline.png");
background-position:right top;
background-repeat:repeat-x;

float:left;
padding:14px 0px 5px 10px;
width:610px;

}

.popup .bold{
color:#3B454E;
font-size:12px;
font-weight:bold;
}
.popup .img, .popup .buyHolder{float:left;clear:none}
.popup .img{width:270px;}
.popup .buyHolder{width:285px; padding-top:20px;padding-top:10px;}
.popup .lagerfavorit{width:115px;float:left;}
.popup .lagerfavorit div{			width:100%;
									background-position:right bottom;
									background-repeat:repeat-x;}

.popup .pricelist{					width:100px;
									float:right;
									clear:none;
									text-align:right;} 
.popup .fragtpris{					 clear: none;
    float: right;
    font-size: 9px;
    text-align: right;
    width: 200px;
									} 								
									
.popup .pricelist .buyButton_orange{float:right}
.popup .related						{width:555px; float:left;clear:both;}	
.popup .related .buyHolder{			
									clear:none;
									float:left;
									position:absolute;
									right:0;
									width:170px;}
.popup .related .product{			width:270px;
									float:right;
									clear:none;
									padding-top:10px;
									position:relative;}
									

.popup .related .product a{
font-size:12px;
font-weight:bold;
color:#3B454E;}

.popup .related .product a:hover{
	font-size:12px;
font-weight:bold;
color:#646569;
}

									
.popup .related .pricelist{			margin-top:10px;		
									float:left;
									clear:none;
									text-align:left} 
.popup .related .buyButton_orange{float:left}

#popupskintypes{
float:left;
padding-bottom:10px;
padding-top:15px;
width:100%;}

/******************************
Google maps
******************************/
.dealerList { width: 750px; }
#nearestlocationstable td { padding: 4px 8px; border-bottom: 1px solid #ccc; vertical-align: middle; }
span.hideBtn { float: right; cursor: pointer; }
{
.msfeatureupdater !important {
display:none !important;
}