/*TODO:/

/*
Document layout:
1. Global - body, general typography etc.
2. Navigation - Menus
3. Structure - Header, containers, footer
4. Forms - textboxes, buttons, dropdowns, fieldset etc.
5. Grids - Tables and grids
6. Specific Pages - Default.aspx, search etc.
7. Common classes - .right etc.
*/

/*COLORS USED:
--------------------------------------
Green: #bcc412
Grey-background: #e1e0df
Grey-borders: #CECECE 
Black: #000
White: #fff 
*/ 
 
/*
-----------------------------------------
1. Global - body, general typography etc.
-----------------------------------------
*/

/*Browser Resets*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0; 
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
}



body 
{
	text-align: center;
	background-color:#e1e0df;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
	font-size:12px;	
}

/* Headings */
h1,h2,h3,h4,h5{font-weight:normal;}

h1	{ font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2	{ font-size: 1.5em; margin-bottom: 0.75em; }
h3	{ font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4	{ font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5	{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6	{ font-size: 1em; font-weight: bold; }
/*End headings*/

/*Global html-elements*/

p		{ margin: 0 0 1.5em;}
img		{}

hr
{
	border:dashed #CECECE;
	border-width:1px 0 0 0;
	height:0;
	line-height:0px; 
	font-size:0;	
}

/*End html-elements*/

/*Links*/
a			{text-decoration:none;color:#000;}
a:link		{}
a:hover		{}
a:visited	{}
/*End Links*/

/* Remove border on linked images. */
a img { border: none; }

/* Validator popup */
.ajax__validatorcallout_popup_table
{
    z-index:9;
}



/*
------------------------------------------
2. Navigation - Menus
-------------------------------------------
*/
.adjustedZIndex { z-index: 1;}

/*Horizontal menu*/
.horizontalmenu
{
	text-decoration: none;
	font-weight:normal;
	font-size:11px;
	vertical-align:middle;
	line-height:18px;
}

.horizontalmenu a {margin:0 5px 0 5px;}

.horizontalmenuWrapper
{
	background-image: url("../Images/Master/topmenu.png");
	float:left;
	width:595px;
	height:20px;
	position:absolute;
	left:200px;
	bottom:7px;
	/*margin:-27px 0 0 200px;*/
}

.horizontalmenudrop
{
	color: black;
	background-color: #D2D66C;	
	font-size: 12px;
	font-family:Arial;
	font-weight:normal;
}

.horizontalmenudrop a:link, .horizontalmenudrop a:visited
{
	color: black;
	font-size: 12px;
	text-decoration: none;	
  	display:block;  	
  	/*width:140px;*/
  	white-space: nowrap;
  	background-color:transparent;
  	padding:0 8px;
  	font-family:Arial;
	font-weight:normal;
	
}

.horizontalmenudrop a:hover
{	
	color: black;
	font-size: 12px;
	text-decoration: none;
    display:block;
	background-color: #ADB50C;	
  	/*width:140px;*/
  	white-space: nowrap;  	
  	padding:0 8px;
  	font-family:Arial;
	font-weight:normal;
	color: black;
}

/*End horizontal menu*/


/*Vertical menu*/
.menuContainer
{
    min-height: 350px;
}

/*End vertical menu*/

/*End Menu*/


/*My Pages menu*/
#MyPagesMenu
{
	border-top:solid 2px #bcc412;
	border-bottom:solid 2px #bcc412;
	height:20px;
	width:100%;
}

#MyPagesMenu a {font-size:14px;margin:0 10px 0 10px;}
/*End My pages menu*/

/*Navigation arrow - back, forward etc.*/
.navigationArrow a img
{
	border:0;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;
		
}

/*End Navigation arrow*/


/*
----------------------------------------------------
3. Structure - Header, containers, footer
----------------------------------------------------
*/

.left-shadow, .right-shadow , #side-right, #side-left, #content
{
	margin-bottom:-32767px !important;
	padding-bottom:32767px !important;
}

/*Header*/
#header 
{	
	height:141px;
	background-image: url("../Images/Master/topbackground.png");
	background-repeat:no-repeat;
	position:relative;
	
	
}

#header .menubar
{
	position:absolute;
	bottom:0px;
	left:35px;
	background-color:#fff;
	width:150px;
	height:25px;
}

#header .logo
{
	float:left;
	margin-left:20px;
	margin-top:35px;
}

#header .topmenu{margin-left:45px;}

#header .topslide
{
	position:absolute;
	top:18px;
	left:340px;
	background-color:#ffffff;
	background-repeat:repeat-x;
	width:455px;
	height:90px;
	
}

#header .topright
{	  
	position:absolute;
	right:10px;
	top:17px;
	width:155px;
	background-color:#e1e0df;
	
}
/*End header*/

/*Containers*/
#wrapper 
{
	text-align: left;
	margin: 0 auto;
	width:965px;
	min-height:570px;
	overflow: hidden;
}

#container
{
	min-height:570px;
	background-color:#fff;
}

#content
 { 
	float: left;
	width:595px;
	padding:0px 0px 0px 0px;	
	background-color:#fff;
}

/*left side */
#side-left 
{
	float: left;
	width: 200px;
	background-color:#fff; 
}

#side-left .left-shadow 
{
	float:left;
	width: 10px;		
	background-image: url("../Images/Master/left.png");
	background-repeat:repeat-y;		
	background-color:#e1e0df;	
}

#side-left .leftmenu
{	
	margin-left:18px;
	width:167px;	
	max-width:167px;	
	border-left: 1px dashed #CECECE;
	border-right: 1px dashed #CECECE; 
	
}
/*Beställ katalog, vänstra delen, förstasidan*/
#side-left .leftkat
{
	vertical-align:bottom;
	margin:20px 10px 0px -2px;	
	width:100%;
	height:124px;	
	/*background-image: url("../Images/Master/Katalog.jpg");*/
	background-image: url("../../../../Assets/Images/Katalogbild/Katalog.jpg");
	background-repeat:no-repeat;
} 
#side-left .katalog
{
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;		
}

#side-left .katalogtext
{
	margin:90px 0 0 25px;
	float:left;
}

/*Border längst ner på vänstra delen*/
#side-left .leftbottom { border-bottom: 1px dashed #CECECE;}

/*Produktsök, flytta?*/
.sok
{
	
	margin-left:18px;
	/*background-color:#bcc412;*/
	padding:5px 5px 0 10px;
	color:#fff;
	font-weight:bold;
	width:165px;
	height:50px;
	background-image: url("../Images/Master/bgd_sok_top.png");
	background-repeat:no-repeat;
}
.sok .textbox {width:100px; margin:5px 0 0 0;}
.sok .button {margin:0 0 0 2px;}
.sok .text {margin:0px 0 0 0px;}
/*End left side*/

/*Right side*/
#side-right 
{
	float: left;
	width: 170px;
	background-color:#fff;
		
}

#side-right .ucBasket
{		
	margin-left:4px;	
	margin-top:8px;
	width:153px;
}

#side-right .rightmenu
{
	float:left;
	margin-top:-2px;
	margin-left:4px;
	width:153px;
	min-height:165px;
	border-left: 1px dashed #CECECE;
	border-right: 1px dashed #CECECE;
}

#side-right .rightbottom 
{
	border-bottom: 1px dashed #CECECE;
	width:150px;
	margin-bottom:0px;
}

.right-shadow 
{	
	float: right;
	width: 7px;		
	background-image: url("../Images/Master/right.png");
	background-repeat:repeat-y;	
	background-color:#e1e0df;
	
}

/*End containers*/

/*Footer*/
#footer 
{
	clear:both;
	background-color:#bcc412;
	/*background-image: url(../../Images/Master/botbg.png);*/
    background-repeat:repeat-x;
    padding:7px 0px 5px 0px;
    margin:0px 0 0 8px;
    height:15px;
    width:951px;
    position:relative;
}
/*End footer*/


/*
----------------------------------------------------
4. Forms - textboxes, buttons, dropdowns, fieldsets etc.
----------------------------------------------------
*/

/*Textboxes*/
.textboxNumber {text-align:right;width:17px;}

.textbox {font-family:Arial;font-size:10px;}

.labelNumber {text-align:right;}

/*Buttons*/
.button
{
    font-family:Verdana;
	font-size:11px;	
	background: url(../Images/GradBut.png) top left repeat-x;
	border:1px solid #808080;	
	cursor: pointer;
	padding:0px; 
	/*letter-spacing:5px;*/
}

.buybutton
{
    font-family:Arial;
	font-size:11px;
	background-color:#DB2F36;
	color:#fff;
	border:1px solid #808080;	
	cursor: pointer;
	padding:0px;
	letter-spacing:-1px;
}

/*Dropdowns*/
.dropdown {width:90px;font-family:Arial;font-size:10px;}

.dropdownlarge {width:200px;font-family:Arial;font-size:10px;}

.form
{
	
}


/*
-----------------------------------------------------
5. Grids - Tables and grids
-----------------------------------------------------
*/

/*Standard grid*/
.table
{
	background-color:#fff;
	border:0;
	border-collapse:collapse;
	margin:0;
	padding:5px;	
	vertical-align:top;
	width:100%;
}

.table tr {height:30px;}

.table td {padding:0 0 0 10px;}

.table .leftcolumn{width:30%;}

.table .styledrow{background-color:#e1e0df;}

.header {background-color:#bcc412;}

.header th {padding:0 0 0 10px;}

.footer{font-weight:bold;}

.table .space{padding-top:10px;padding-bottom:10px;vertical-align:top;}

/*End standard grid*/

/*Ordergrid used in checkout and order*/

/*End ordergrid*/

 
/*
-----------------------------------------------------
6. Specific Pages - Default.aspx etc.
-----------------------------------------------------
*/

/*Product.aspx*/
#product
{	
	
}

#product .buttonRow {margin-left:30%;}

#product .leftblock, #product .rightblock
{
	display: block;	
	width: 70px;
	float: left;	
	margin-bottom: 0px;
}

#product .rightblock
{
	text-align: left;
	width: 80px;
	padding-right: 10px;
	
}

#product .space
{
	margin:5px 5px 5px 0px;
}

#product .pricetable
{
	width:100%;
}

#product .pricetable td
{
	padding:2px 5px 2px 0px;
}

#product .amount
{
	margin-left:58px;
}

#product .dropdown
{
	width:115px;
}

#product .buybutton
{
	position:relative;
	margin-left:5px;
	width:50px;	
}

#product .textboxNumber
{
	margin-left:5px;
	
}

/*End Product.aspx*/


/*Kundkorg*/
#kundkorg
{
	text-align:left;
	margin:0px 5px 5px 5px;
	font-size:9px;	
}

#kundkorg .dropdown
{
	width:130px;
}
/*End kundkorg*/

/*Adresskontrollen*/
#adress .textbox
{
	width:120px;
	background-color: #fff;
}
#adress .textboxPostNrDubbel
{
	width:60px;
	background-color: #fff;
}

#adress .label
{
	width:150px;
}
#adress .dropdown
{
	border-style:inset;
	width:65px;
}

#adress .checkbox
{
	width:65px;	
}

#adress .radiobuttonlist
{ 	
	width:400px;
}

#adress .td-left
{ 	
	width:150px;
}

#adress .meddelande
{ 	
	width:280px;
}

/*End Adresskontrollen*/


/*Orderbasket in masterpage*/

.ucBasket
{
	margin-left:13px;
	width:145px;
	height:145px;
	padding:1px 1px 0px 0px;
	text-align:center;
	line-height: 200%;
	background-image: url(../Images/Generella/kassa_bot.png);
	background-repeat:no-repeat;
}
/*End orderbasket*/

/*Veckans erbjudande in masterpage*/

/*Veckans erbjudande in masterpage*/

.ucVeckansErb 
{
	z-index:1;
	margin-top:0px;
	margin-left:4px;
	width:140px;
	height:150px;
	padding:1px 0px 1px 0px;
	position:relative;
	
}

/*Första Rubrik*/
.ucRubVeckErb 
{
	font-size:12px;
	color:#fff;
	font-weight:bolder;
	position:absolute;
	bottom:30px;
	left:10px;	
}

/*Andra rubrik*/
.ucRubVeckErb2
{
	font-size:16px;
	font-weight:bolder;
	color:#fff;
	position:absolute;
	bottom:13px;
	left:10px;
}

.ucVeckansErb-footer 
{
	background-image: url(../Images/Generella/VeckansErbLager.png);
	background-repeat:no-repeat;
	height:70px;
	width:145px;
	position:absolute;
	bottom:-5px;
	left:0px;
	
}


/*Right column in the masterpage*/
.idebank
{
	margin-top:0px;
	margin-left:4px;
	width:140px;
	padding:1px 0px 1px 0px;
	position:relative;
}

.idebankfooter
{
	background-image: url(../Images/Generella/VeckansErbLager.png);
	background-repeat:no-repeat;
	height:70px;
	width:145px;
	position:absolute;
	bottom:-5px;
	left:0px;
	z-index:2;
}
.idebanktext
{	
	position:absolute;
	bottom:20px;
	left:10px;	
}
.idebanktext a
{
	font-size:14px;
	color:#fff;
	font-weight:bolder;
	text-decoration:none;
}


.ucButton 
{
	/*margin:10px -95px 0 0;*/
	position:absolute;
	bottom:35px;
	right:20px;
}

.ucVeckansErb .button
{
	width:45px;
}

/*End Veckans erbjudande*/

/*End Veckans erbjudande*/

.block, .block1 {
	display: block;	
	width: 60px;
	float: left;	
	margin-bottom: 0px;
}

.block1 {
	text-align: left;
	width: 80px;
	padding-right: 10px;
}

clear_left {
clear: both;
} 


/* Recension - Ratingkontrollen */
.ratingStar 
{
    font-size: 0pt;
    width: 13px; 
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {background-image: url(../../Images/Generella/FilledStar.png);}

.emptyRatingStar {background-image: url(../../Images/Generella/EmptyStar.png);}

.savedRatingStar {background-image: url(../../Images/Generella/StarSaved.png);}
/*Recension - Ratingkontrollen*/
 
/*_login usercontrol*/ 
#login
{
	margin:5px 5px 0px 5px;
	height:112px;
	position:relative;
}

#login .textboxwide{width:135px;}

#login .textboxsmall{width:70px;}

#login .watermark{color:#999999;}

#login .button{width:66px;}

#login .labelover{clear:both;}

.loginfooter
{
	z-index:2;	
	height:39px;
	width:155px;
	position:absolute;
	bottom:0px;
	right:-5px;
	background-image: url(../Images/Master/NyhetsbrevLager.png);
	background-repeat:no-repeat;
}

.loginfooter .nyhetsbrev 
{
	position:absolute;
	bottom:3px;
	left:11px;
	/*margin:20px 0 0 15px;*/
	
	
}
.loginfooter .nyhetsbrev a 
{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

/*End Login usercontrol*/

/*Modalpopup - I lager*/

.stockPopup
{border:solid 1px #000;width:400px;background-color:#fff;}

.stockPopup .button
{letter-spacing:normal;margin:10px;}

/*End Modalpopup*/


/*avdList*/
.avdList {margin:0 0 20px 0;}
.avdList table {width:100%;} 
.avdList .inneravdList td {text-align:center; vertical-align:text-bottom; padding:0 0 10px 0;}
/*End avdlist*/

/*PurchaseList / ExtraSale*/
.innerPurchaselist {}
.innerPurchaselist .table {width:100%;}
.innerPurchaselist .column {width:195px;margin-top:0px;margin-right:6px;height:170px;}
.innerPurchaselist .leftImage {text-align:right;}
.innerPurchaselist .button{letter-spacing:-1px;margin-bottom:4px;margin-right:2px;}
.innerPurchaselist .produkt_left {width:90px;height:90px;}
.innerPurchaselist .produkt_right {float:right;text-align:right;width:105px;}
.innerPurchaselist .produkt_bottom{text-align:left;width:100%;}
.innerPurchaselist .button {width:45px;}
.innerPurchaselist .buybutton {min-width:30px;margin-right:0px;margin-top:4px;}
.innerPurchaselist .textboxNumber{margin-right:2px;margin-bottom:4px;font-family:Arial;font-size:10px;}
.innerPurchaselist .dropdown2{width:95px;margin-right:2px;margin-bottom:4px;}
.innerPurchaselist .produkt_separator {margin:0 2px 13px 0;}
.innerPurchaselist .lblValjAnt{text-align:left;vertical-align:middle;margin-right:18px;}
.innerPurchaselist .lblBen{font-size:12px;font-weight:normal;}
.innerPurchaselist .lblBeskr{font-size:12px;font-weight:normal;}
.innerPurchaselist .lblVariant{height:10px;display:block;}
.innerPurchaselist .leftblock, .innerPurchaselist .rightblock{display: block;width: 80px;float: left;margin-bottom: 0px;}
.innerPurchaselist .rightblock{text-align: left;width: 100px;padding-right: 10px;}
/*End PurchaseList /ExtraSale */

/*Temporary addresses*/
.temporaryAddress label,.temporaryAddress input, .temporaryAddress select
{display: block;width: 150px;float: left;margin-bottom: 10px;}
 
.temporaryAddress label {text-align: right;width: 75px;padding-right: 20px;}
 
.temporaryAddress br {clear: left;}

.popuptext {margin-right:30px; text-align:left;}

/*End temporary*/

/*
--------------------------------------------------------------
7. Common classes - .right etc.
--------------------------------------------------------------
*/

/*Positioning*/
.f_left{float:left;}

.f_right{float:right;} 

.clear{clear:both;} 

.half {width:45%;}

.margin_right{margin-right:10px;}

.bottom{bottom:5px;position:absolute;}

hr.emptyspace{margin-top:20px;border:0 none;height:0;border-style:none;color:#fff;visibility:hidden;}

.hidden {display:none;visibility:hidden;}

 
/*Special attributes*/
.errortext{color:Red;font-size:14px;}

.info {background-color: #E4E0DB;}

.red { color:Red;}

.red_underline { color:Red; text-decoration:underline;}

.box {background-color:#e1e0df;	border:1px solid #808080; padding:5px;margin:5px 0 5px 0; }

.box td	{padding:5px 10px 5px 10px;}

.imageLink{border:0;text-decoration:none;} /*redundant*/

/*Produktsida, FIXA*/

.left{float:left;width:35%;}

.right{float:right;width:60%;}

/*Mina Sidor*/

.mleft{float:left;width:45%;}
.mright{float:right;width:45%;}
.mlabel{float:left;width:25%;margin-right:0.5em;padding-top:0.2em;text-align:right;}
.merfors{background-color: #E4E0DB;padding-top:15px;}
#top, #bottom{background-color: #E4E0DB;}
#top input{border: 1px solid;height:17px;vertical-align:baseline;}

/*Stora ordersedel*/
.largeOrder .table {width:100%;}
.largeOrder .textbox{width:150px;height:15px;background-color: #fff;}
.largeOrder .textboxNumber{width:25px;height:15px;background-color: #fff;font-family:Arial;font-size:10px;}
.largeOrder .labelNumber{margin-left:10px;}
.largeOrder .medd{color:#BCC412;margin-left:10px;}
.largeOrder .felmedd{color:Red;width:100px}
.largeOrder .lastcolumn{width:100%;}
.largeOrder .left{margin-left:10px;}
.largeOrderBasket .table {width:100%;}
/*End Stora ordersedel*/

/*Does not work properly in IE*/
.modalBackground
{
	background: transparent;
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	
	
}

.panelPopup
{
	background-color: #fff;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	font-family: Verdana;
	font-size: 14px;
	color: black;
}





.ProdAttr
{
	width:400px;
	background-color:  #A49C93;
	border:1px solid #808080;	
}

.lastBreadCrumb
{
	color: #DE2830;
}

.href
{
	text-decoration:underline;
}


.discountbutton5
{
    font-family:Verdana;
	font-size:11px;	
	background: url(../Images/GradBut.png) top left repeat-x;
	border:1px solid #808080;	
	cursor: pointer;
	padding:1px; 		
	
}

.discountbutton1
{
    height:45px;    
}

.discountInfo
{
	float:left;	
	text-align:center;    
    width:30px; 
    height:15px;   
    margin-left:4px;	
    background: url(../Images/GradBut.png) top left repeat-x;
	border-style:double;
	border-color:#808080;
	border-width:3px;
}

.discountLgr
{	
	border:1px solid #808080;
    width:60px;
	height:21px;
	text-align:middle;
	background: url(../Images/GradBut.png) top left repeat-x;
	margin-right:2px;
}


/* Betalkort, start */

.leveranssattpanel input { float:left; margin-right: 5px; }
.betalsattpanel input { float:left; margin-right: 5px; }

.betalkortpanel { clear: both; display: block; width: 300px; }
.betalkortpanel input { float:left; }
.betalkortpanel .betalkorttext { width: 140px; float: left; margin-left:5px; }
.betalkortpanel .betalkortbild { width: 100px; float: left; }

/* Betalkort, end */