﻿#ProductMainContent
{
    padding: 0 0 30px 0;
    width: 676px;
    float: left;
    display: inline;
}


#ProductMainContent h2
{
    padding: 0 0 8px 0;
    color: #30383a;
    float:left;
    width:300px;
}

#ProductMainContent p
{
    font-size: 1.1em;
    line-height: 150%;
    color: #323232;
    margin: 0 0 14px 0;
}



#ProductLeftContent #imgHolder
{
    width: 205px;
    margin: 0px 20px 0 0;
	float:left;
    position:relative;
}


#ProductLeftContent #leftImgHolder
{
    width: 205px;
    margin: 0px 20px 0 0;
	float:left;
}

#ProductLeftContent #imgHolder .newsImage
{
    position:absolute;
    bottom:0px;
    right:0px;
}

#ProductLeftContent #imgHolder .miljoImage
{
    position:absolute;
    top:7px;
    left:5px;
}


#ProductLeftContent #imgHolder a img
{
	padding:0;
	margin:0;
	border:0;
    text-decoration: none;
}

#ProductLeftContent #imgHolder p
{
	height:10px;
}

#miniatureImages
{
    width: 225px;
    float: left;
    margin-top:4px;
}

#miniatureImages strong
{
	
	font-size:1.1em;
    display: block;
    padding: 0 0 10px 0;
}

#miniatureImages span
{
	width: 45px;
	height: 45px;
    background-color: #ECF0F1;
    display: block;
    float: left;
    overflow:hidden;
    padding: 0px;
    border:solid 3px #ECF0F1;
    margin: 0 5px 5px 0;
}

#miniatureImages a
{
	width: 45px;
	height: 45px;
    
    display: block;
}


#ProductRightContent
{
    float: right;
    width: 210px;
}


#ProductTabData
{
    margin: 30px 0 0 0;
    padding: 3px 0 3px 0;
    width: 670px;
    background: #ecf0f1;
}

#ProductTabData span, #ProductTabData div
{
    font-size: 10px;
}

#ProductLeftContent
{
    width: 455px;
    float: left;
}

#ProductLeftContent h2
{
    margin-bottom:0px;
    padding-bottom:0px;
}

#ProductLeftContent h3
{
	font-size:11px;
	font-weight:bold;
    margin-bottom:0px;
    padding-bottom:0px;
}

#ProductLeftContent a
{
    color: #3e3e40;
    font-size: 1.0em;
    text-decoration: underline;
}


.productPageFiles
{
     display: block;
     padding: 10px 0 0 0;
     margin: 10px 0 20px 0;
     overflow: hidden;
     clear: right;

}
.productPageFiles a:link, .productPageFiles a:visited
{
    background: transparent url(/App_Themes/Default/Images/Graphics/pagefiles.gif) no-repeat 0px 0; 
    padding: 1px 0 0 18px;
    margin: 0 0 8px 0;
    color: #3e3e40;
    font-size: 1.1em;
    text-decoration: underline;
    float: right;

}

.productPageLinks
{
      display: block;
     padding: 10px 0 0 0;
     margin: 10px 0 20px 0;
     overflow: hidden;
     clear: right;
 
}
.productPageLinks a:link, .productPageLinks a:visited
{
    background: transparent url(/App_Themes/Default/Images/Graphics/htm.png) no-repeat 0px 0; 
    padding: 1px 0 0 18px;
    margin: 0 0 8px 0;
    color: #3e3e40;
    font-size: 1.1em;
    text-decoration: underline;
    float: right;
}
/* The blue box */

#blueBoxWrapper
{
    /* width: 207px; */
    width: 190px;
    background: #ecf0f1;
    overflow:hidden;
    padding: 8px 6px 8px 5px;
}

#blueBox
{
    background: #fff;
}

#blueBoxWrapper .bluePrintActive .imageDiv
{
	padding:5px;margin-right:2px;background-color:#FFFFFF; text-align:center;
}

div.imageDiv
{
	text-align:center;
}

#blueBox .pagination
{
    height: 25px;
}

#blueBoxWrapper .pagination a.next
{
	float:right;
	margin:10px 3px 0 0px;
	padding-top:1px;
	padding-right:17px;
	background-image:url(/App_Themes/Default/Images/Graphics/blueboxArrowNext.gif);
	background-repeat:no-repeat;
	color:#333333;
	background-position:right;
}

#blueBoxWrapper .pagination span.next
{
	float:right;
	margin:10px 3px 0 0px;
	padding-top:1px;
	padding-right:17px;
	background-image:url(/App_Themes/Default/Images/Graphics/blueboxArrowNextInactive.gif);
	background-repeat:no-repeat;
	color:#a8a8a8;
	background-position:right;
}

#blueBoxWrapper .pagination span.prev
{
	float:left;
	margin:11px 10px 0 3px;
	padding-left:17px;
	padding-top:1px;
	color:#a8a8a8;
	background-image:url(/App_Themes/Default/Images/Graphics/blueboxArrowPreviousInactiv.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#blueBoxWrapper #Pagination a.prev
{
	float:left;
	margin:11px 10px 0 3px;
	padding-left:17px;
	padding-top:1px;
	color:#333333;
	background-image:url(/App_Themes/Default/Images/Graphics/blueboxArrowPrevious.gif);
	background-repeat:no-repeat;
	background-position:left;
}
 
#blueBox a:link, #blueBox a:visited
{
	font-size:10px;
    color: #53565b;
}



#simplemodal-container a.modalCloseImg 
{
	background:url(/Images/Lytebox/close_grey.png) no-repeat;
	width:65px;
	height:25px;
	position:relative;
	top:540px;
	float:right;
	cursor:pointer;
}

#simplemodal-container
{
    border: 3px solid #b1babc;
    padding: 10px;
    background: #fff;
    width: 660px;
    height:560px;
}


#simplemodal-container .holder
{  
	height:500px;
	text-align:center;
}

.blueBoxLargeImage a:link, .blueBoxLargeImage a:visited
{
     color: #53565b;
}

.blueBoxLargeImage .bottomBar
{
	margin-top:10px;
}

#simplemodal-container .bottomBar .thumbs img
{
	background-color: #ecf0f1;
	padding:5px;
}

#simplemodal-overlay
{
        opacity: 0.4;
    background-color: #DAE6E9;
}

.blueBoxLargeImage a
{
	float: left;
}

.blueBoxLargeImage .close
{
	float: right;
}

/*Ljuskurvspresentation*/
.curveLargeImage
{
    border: 3px solid #b1babc;
    padding: 10px;
    background: #fff;
    width: 480px;
}

.curveLargeImage .holder
{
    height: 480px;
}


.curveLargeImage .bottomBar
{

}

.curveLargeImage .bottomBar .kurvor a:link, .curveLargeImage a:visited
{
     color: #53565b;
}

.curveLargeImage .bottomBar .kurvor a:hover
{
	text-decoration:underline;
}


.curveLargeImage .bottomBar .kurvor
{
	float:left; 
	margin:5px 0 0 5px;
	width:80px;
}

.curveLargeImage .bottomBar .kurvor .smallCurveImg
{
	margin:5px 0 0 10px;
}

.curveLargeImage .closeButton
{
    float:right;
}

/*Producer popup*/
#producerPopup .popup
{
    border: 3px solid #b1babc;
    padding: 10px;
    background: #fff;
    width: 400px;
    font-size: 1.0em;
}

#producerPopup .popup .topBar .close
{
	display:block;
	position:relative;
	bottom:0px;
	float: right;
	right:0px;
}

#producerPopup .popup a
{
	color: #3e3e40;
    font-size: 1.1em;
    text-decoration: underline;
    display: block;
}

#producerPopup img
{
	margin-bottom:20px;
}


/* Ajax Tabs */ 
#innerProductTab
{
	width:630px;
    margin: 14px 9px 9px 9px;
}


#left, #ytfinish, #ljusreglering, #ovrigInfo, #montage
{
    width: 300px;
    float: left;
    margin-bottom:10px;
}

#ytfinish h3, #avskarmning h3, #ljusreglering h3, #driftdon h3, #ovrigInfo h3, #ljuskallor h3, #montage h3, #ljuskallor h3
{
    font-weight: bold;
    color: #53575a;
    font-family: Verdana, Arial, helvetica;
    font-size: 1em;    
    text-decoration: none;
    padding: 0 0 4px 4px;
}

#ytfinish p, #avskarmning p, #ljusreglering p, #driftdon p, #ovrigInfo p,#montage p, #ljuskallor p
{
    margin: 0;
    font-weight: bold;
    color: #53575a;
    font-family: Verdana, Arial, helvetica;
    font-size: 1em;
    padding: 2px 0 2px 4px;
    background: #fff;
}

#ytfinish p.alt, #avskarmning p.alt, #ljusreglering p.alt, #driftdon p.alt, #ovrigInfo p.alt, #montage p.alt, #ljuskallor p.alt
{
    background: #ecf0f1;
}

#right, #avskarmning, #driftdon, #ljuskallor
{
    width: 300px;
    float: right;
    margin-bottom:10px;
}

.inner
{
    background: #ECF0F1;
    padding: 2px;
}

a.pdfIcon
{
    background: transparent url(/App_Themes/Default/Images/Graphics/pdfIcon.png) no-repeat 0 0; 
    width: 14px;
    height: 20px;
    margin-right:4px;
    float:right;
}

a.exportIcon
{
    background: transparent url(/App_Themes/Default/Images/Graphics/exportPdf.gif) no-repeat 0 0; 
    width: 14px;
    height: 20px;
    margin-right:9px;
    float:right;
}

a.tipsIcon
{
    background: transparent url(/App_Themes/Default/Images/Graphics/productTip.gif) no-repeat 0 0; 
    width: 14px;
    height: 20px;
    margin-right:7px;
    float:right;
}

a.pdfPrintIcon
{
    background: transparent url(/App_Themes/Default/Images/Graphics/printPdf.gif) no-repeat 0 0; 
    width: 15px;
    height: 20px;
    margin-top:1px;
    margin-right:5px;
    float:right;
}

a.generatePdfIcon
{
	background: transparent url(/App_Themes/Default/Images/Graphics/pdfIcon.png) no-repeat 0 0; 
    width: 14px;
    height: 20px;
    margin-right:9px;
    float:right;
}

span.internNotering
{
    background: transparent url(/App_Themes/Default/Images/Graphics/attention.gif) no-repeat 0 6px;    
    padding: 5px 5px 5px 8px;
    display: block;
}

div.popupSave
{
    background: #fff;
    padding: 10px;
    border: 1px solid #CDD5D8;
}

div.popupSave  a
{
    border: none;
    height: 23px;
    width: 43px;
    background: transparent url(/App_Themes/Default/Images/Graphics/linkbutton-skicka.gif) no-repeat 0 0; 
    display: block;
    float: left;
    padding: 4px 0 0 0;
    color: #474747;
    text-align: center;
    margin: 0 3px 0 0;
}

div.popupSave input
{
    float: left;
    margin: 0 3px 10px 0;
    border: 1px solid #CDD5D8;
    padding: 2px 0 2px 0;
}

#ProductMainContent .popupSave p
{
    margin: 5px 0 5px 0;
}

/* ArtikelGridView, Armatur, Tillbehör & Tilläggsutförande */
.artikelGridView
{
	width: 650px;
	border-width: 0px;
	border-bottom: solid 3px #ECF0F1;
	margin: 0 1px 0 0px;
	padding:0px;
}

.artikelGridLjuskälla
{
	width:160px;
}

.artikelGridView th
{
	padding: 2px;
	background-color: #ECF0F1;
	border: solid 1px #ECF0F1;
	text-decoration:underline;
	cursor: pointer;
}


	.artikelGridView th a
	{
		text-decoration:underline;
	}


.artikelGridView td
{
	padding: 2px;
	border-width: 0px;
	border-bottom: solid 1px .artikelGridView th a;
}

.artikelGridView a
{
	color:#333333;
}

.artikelGridView tr td
{
	border-bottom: dotted 2px #ECF0F1;
}

.artikelGridView tr.artikelGridViewRowAlt
{
	border-bottom: dotted 2px #ECF0F1
}

/* GridHeaders */
.spridningsvinkelHeader
{
	width: 14px;
	height: 12px;
}
.vridbarHeader
{
	width: 14px;
	height: 12px;
}
.stallbarHeader
{
	width: 14px;
	height: 12px;
}
.ljusskissHeader
{
	width: 14px;
	height: 12px;
	background: transparent url(/Images/Annell/Ikon-ljuskurva.gif) no-repeat 2px 2px;
}

.prisHeader
{

}
.artnrHeader
{

}


/* Armatur GridView */
.armMattskiss
{
	float: left;
	margin: 2px 5px 2px 2px;
}

.armSymbols
{
	float: left;
	margin: 2px 0 2px 5px;
}

.armSymbols img
{
	margin-left:5px;
}

.armLjuskalla
{
	margin: 2px 0 0 2px;
	clear: both;
}

.armLjuskalla img
{
	padding: 0 4px 0 0;
	float: left;
}

.armLjuskalla span
{
	display:block;
	float:left;
	margin:8px 0 0 0;
}

.articleDiv
{
    margin: 40px 0 10px 10px;
    padding-bottom:7px;
}

.articleDiv .mattskissFlyOut
{
	position:absolute;float:left;display:none;left:130px;border:solid 1px #ecf0f1;padding:3px;background-color:#FFF;
}



.modell
{
    padding:0px 3px 5px 4px ;
}
.modell .modellBeskrivning
{
	font-weight:bold;font-size:11px;
}

#ProductTabData h3
{
    font-size: 10px;
    margin: 5px 0;
    font-weight:bold
}

#ProductTabData h3.article
{
    font-size: 1.2em;
    margin: 20px 0 5px 5px;
    font-weight:bold
}

.family
{
    padding: 10px;
}

.family em
{
    display: block;
}

/*Printdialog*/
#printDialogWrapper
{
	width:200px;
	height:110px;
	padding:20px;
	background-color:White;
	border: solid 2px #CCC;
}

#printDialogWrapper .textbox
{
	width:194px;
	height:22px;
	margin-bottom:12px;
}

#printDialogWrapper p
{
	padding:2px;
	margin:0px;
}

#printDialogWrapper div
{
	padding-top:5px;
	text-align:center;
}

#printDialogWrapper div a
{
    border: none;
    height: 23px;
    width: 43px;
    text-decoration:none;
    background: transparent url(/App_Themes/Default/Images/Graphics/linkbutton-skicka.gif) no-repeat 0 0; 
    display: block;
    float: left;
    padding: 4px 0 0 0;
    color: #474747;
    text-align: center;
    margin: 0 3px 0 0;
}

.checkbox
{
	display: block;
	margin-bottom: 5px;
}

.modalBackground
{
opacity:0.4;filter:alpha(opacity=40);
    background: #DAE6E9;
}

.imagesLjusPopup
{
    padding: 10px;
    float: left;
    display: inline;

}

.imagesLjusPopup a
{
    color: #3e3e40;
}

.imagesLjusPopup .downarrow
{
        background: transparent url(/Images/Annell/Nerpil.png) no-repeat 0 0; 
        padding: 1px 0 0 20px;
}


