/* 
ddebo Ull Print Styles
Author:Colin Lewis
Revised: Mars 2006
*/

/* ............................................................................................................................. */
/* Reset default html styles */
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,div
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	font: inherit;
	text-indent: 0;
}

a { outline: none; }
ul,ol { list-style-type: none; }

input
{
	margin: 0;
	padding: 0;
}

/* ............................................................................................................................. */
/* Basic rules */

.b {font-weight:bold;}

.clear { clear: both; }
.hidden { visibility: hidden; }
.right
{
	float: right;
	margin: 5px 20px 10px 10px;
	padding-top: 5px;
	color: #aaa;
	background: transparent;
	font-size:0.95em;
}

.left
{
	float: left;
	margin:0;
	padding-top: 5px;
	color: #aaa;
	background: transparent;
	font-size:0.95em;
}

.right p, 
.left p { margin:0; }

.right p { text-align: center; }

.right img, 
.left img { padding-bottom:10px; }

/* ............................................................................................................................. */
/* Structure */
body
{
	color: black;
	text-align: center;
	font-family: "Lucida Grande", Lucida, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.5em;
	background-color: #fff;
	background-image: url(none);
}

#frame
{
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-image: url(none);
}

#banner { display:none; }

#content
{
	width: 587px;
	float: left;
	padding: 10px 0;
	color: #222;
	background-color: #fff;
	line-height: 1.8;
	position: relative;
}

#sidebar
{
	width: 163px;
	float: right;
	padding: 4px 0 10px 0;
	color: #eed;
	background-color: #999;
	position: relative;
}


#tipsa /* tipsa is the "tell a friend" bar between the content and the footer */
{
	clear: both;
	width: 760px;
	height: 26px;
	color: #fff;
	background-color: #999;
	background-image: url(../images/backgrounds/tipsaBg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#footer
{
	clear: both;
	width: 760px;
	padding: 20px 0;
	color: #666;
	background-color: #eee;
	background-image: url(../images/backgrounds/footerBg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

/* ............................................................................................................................. */
/* Typography */
/* ............................................................................................................................. */
p,ul,li,dd { font-size: 1.0em; }
p { margin: 0 0 1.1em 0em; }
strong, b { font-weight: bold; }

/* links */
a,a:link,a:visited,a:active
{
	color: #c60;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #c60;
	text-decoration: underline;
}

a:active { color: #c60; }
a img,:link img,:visited img { border: none; }

/* Headings */
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

h1,h2,h3,h4,h5,h6
{
	margin: 5px 14px 5px 13px;
	font-weight: normal;
	color: #000;
}

#content h4
{
	font-size: 1.2em;
	padding-top: 5px;
}

#content h6
{
	clear: both;
	line-height: 1em;
	font-weight: bold;
	color: #333;
	background: #fff;
	margin: 10px 14px 0px 165px;
}

/* Margins, floats, text alignment*/
/* _____________________________________________ */

.left
{
	width: 125px;
	float: left;
	margin: 5px 20px 0px 20px;
	color: #666;
	background: transparent;
}

.leftInfo
{
	width: 125px;
	float: left;
	margin: 5px 10px 0px 15px;
	padding: 5px;
	color: #fff;
	font-size: .9em;
	line-height: 13px;
	background: #999;
}

.left p
{
	padding-top: 5px;
	text-align: center;
}

.left75
{
	width: 75px;
	float: left;
	margin: 7px 20px 0px 46px;
}

.left75 p { text-align: center; }

.right125
{
	width: 125px;
	float: right;
	margin: 5px 20px 10px 10px;
	color: #666;
	background: transparent;
}

.right125 p
{
	text-align: center;
	margin: 0px;
	padding-top: 5px;
}

.marginRight200 { margin: 0px 240px 10px 14px; }

.right200
{
	width: 200px;
	float: right;
	margin: 5px 20px 10px 10px;
	color: #666;
	background: transparent;
	clear: both;
}

.right200 p
{
	text-align: center;
	margin: 0px;
	padding-top: 5px;
}

#content .right250
{
	width: 250px;
	float: right;
	margin: 5px 20px 10px 10px;
	color: #666;
	background: transparent;
}

#content .right250 p
{
	text-align: center;
	margin: 0px;
	padding-top: 5px;
}

.center { text-align: center; }

.caption
{
	color: #666;
	background: transparent;
	text-align: center;
}

.pullquote
{
	padding: 10px 14px 10px 13px;
	color: #fff;
	background: #aaa;
	margin-top: -10px;
}

.sortiment
{
	color: #333;
	background: #eee;
	padding: 0px 3px 5px 3px;
	border: 1px solid #ccc;
	margin: 10px 14px 10px 13px;
}

.infoBox
{
	color: #333;
	background: #eee;
	padding: 0px 3px 5px 3px;
	border: 1px solid #ccc;
	margin: 10px 14px 10px 13px;
}

.infoBox165
{
	color: #333;
	background: #eee;
	padding: 0px 3px 5px 3px;
	border: 1px solid #ccc;
	margin: 10px 14px 10px 165px;
}

.pullquoteProfilen
{
	clear: both;
	margin: 13px;
	padding: 20px 14px 10px 0px;
	background: #666;
}

.profilen
{
	color: #fff;
	clear: both;
	margin: 13px;
	padding: 10px 14px 10px 10px;
	background: #666;
}

.pullquotePadded
{
	color: #fff;
	background: #666;
	padding: 20px 10px 10px 0px;
	margin: 10px 10px 10px 10px;
}

.pullquotePaddedLight
{
	color: #fff;
	background: #bbb;
	padding: 20px 10px 10px 0px;
	margin: 10px 10px 10px 10px;
}

.dividerTop
{
	border-top: 1px solid #ccc;
	padding-top: 15px;
}

.divider
{
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.sortdivider
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.sortdividerTop
{
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.padtop10 { padding-top: 10px; }


/* Content rules */
/* _____________________________________________ */
p { margin: 0px 14px 10px 13px; }

table
{
	border: 0px solid #ccc;
	background: #fff;
	width: 400px;
	margin: 0px;
}

td { vertical-align: top; }

form
{
	display: block;
	text-align: left;
	font-size: 1em;
	line-height: 28px;
}

input { }

/*
#foljesedel p
{
	margin-left: 50px;
	text-align: left;
}

#foljesedel h3 { margin-left: 50px; }
*/

input, textarea, select, option { text-align: left; }

ul
{
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 0px;
}

.ullfrottenav { list-style-type: none; margin:0;}
.bold { font-weight: bold; }
.clear { clear: both; }

.button
{
	color: #fff;
	background: #c60;
	margin-top: 5px;
}

.obs
{
	color: #666;
	background: #fff;
	font-weight: normal;
	margin-left: 165px;
	padding-top: 10px;
}

.obsUllfrotte
{
	color: #666;
	background: #fff;
	font-weight: normal;
	margin-left: 13px;
	padding-top: 10px;
}

/* Sortiment tables */
/* _____________________________________________ */
.cl { width: 150px; }
.c { width: 100px; }
.cccl { width: 350px; }

.ullfrotte
{
	width: 567px;
	margin: 5px 10px 5px 10px;
}

.pris
{
	width: 15em;
	padding: 2px;
	border: 1px solid #ccc;
	color: #333;
	background: #eee;
	margin-left: 165px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.gray
{
	background: #fff;
	color: #664;
}

#content #submenu
{
	color: #fff;
	background: #c60;
	margin: 0 10px 10px 13px;
}

#content #submenu a {color:#fff;}

#fKarta { margin-left: 60px; }

#storleksNyckel
{
	border: 1px solid #ccc;
	width: 565px;
	background: #eee;
	margin: 5px 10px 5px 10px;
}

#storleksnyckel td { padding-left: 8px; }

.exWide
{
	width: 528px;
	margin-left: 10px;
}

.middle { vertical-align: middle; }
.norm { margin: 5px 13px 5px 13px; }

.kopButton
{
	border: #ccc 1px solid;
	background-color: #eee;
	color: #c60;
	font-size: 1em;
	vertical-align: middle;
}

.menu
{
	border: #ccc 1px solid;
	background-color: #eee;
	color: #333;
	font-size: 1em;
	line-height: 18px;
}

.tabletext
{
	margin: 0px 0px 5px 2px;
	font-size: 1em;
	line-height: 18px;
}

.leftAlign { text-align: left; }
.hidden { display: none; }

.order-button
{
	color: #fff;
	background-color: #c60;
}

/* kurssidan */
/* domtabs rules */
/*
div.domtab div h2 a,
div.domtab div h2 a:hover,
div.domtab div h2 a:active
{
	font-weight: normal;
	text-decoration: none;
	color: #000;
	background: transparent;
	line-height: 1.5;
}

.domtabs
{
	list-style-type: decimal;
	clear: both;
	color: #fff;
	background: #999;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	list-style-position: inside;
}

#kurslink
{
	color: #fff;
	background-color: #c60;
}

#kurslink a,
#kurslink a:link,
#kurslink a:active,
#kurslink a:visited
{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

#kurslink a:hover
{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}
*/

#kurslink 
{
	margin-left:3px;	
	list-style-position: inside;
}

/* gallery rules, kurssidan */
/* http://www.cssplay.co.uk/articles/gallery/index.html */
#gallery1, 
#gallery2
{
	float: right;
	position: relative;
	border: 1px solid #ccc;
	margin: 0 10px 20px 10px;
}

#gallery1 ul, 
#gallery2 ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* Remove the images and text from sight */
#gallery1 a.gallery span, 
#gallery2 a.gallery span
{
	position: absolute;
	width: 1px;
	height: 1px;
	top: 5px;
	left: 5px;
	overflow: hidden;
	background: #eed;
}

/* Adding the thumbnail images */
#gallery1 a.gallery, 
#gallery1 a.gallery:visited, 
#gallery2 a.gallery, 
#gallery2 a.gallery:visited
{
	display: block;
	color: #000;
	text-decoration: none;
	margin: 0;
	text-align: right;
	cursor: default;
}

#gallery1 a.slide1, 
#gallery1 a.slide2, 
#gallery1 a.slide3, 
#gallery2 a.slide4, 
#gallery2 a.slide5, 
#gallery2 a.slide6
{
	height: 60px;
	width: 60px;
}

#gallery1 a.slide1 { background-image: url(../images/kurser/1t.jpg); }
#gallery1 a.slide2 { background-image: url(../images/kurser/2t.jpg); }
#gallery1 a.slide3 { background-image: url(../images/kurser/3t.jpg); }
#gallery2 a.slide4 { background-image: url(../images/kurser/4t.jpg); }
#gallery2 a.slide5 { background-image: url(../images/kurser/5t.jpg); }
#gallery2 a.slide6 { background-image: url(../images/kurser/6t.jpg); }

/* set the size of the unordered list to hold the thumbnails */
#gallery1 ul, 
#gallery2 ul
{
	width: 280px;
	height: 210px;
}

#gallery1 li, 
#gallery2 li
{
	float: right;
	margin: 5px 5px 5px 5px;
	clear: both;
}

/* styling the :hover span */
#gallery1 a.gallery:hover span, 
#gallery2 a.gallery:hover span
{
	position: absolute;
	width: 200px;
	height: 200px;
	top: 5px;
	left: 5px;
	color: #000;
	background: #eed;
}

/* default image */
#gallery1
{
	background-color: #eed;
	background-image: url(../images/kurser/1.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#gallery2
{
	background-color: #ddc;
	background-image: url(../images/kurser/4.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.reaDiv
{
	background-color: #c30;
	color: #fff;
	padding: 15px 0px 0px 15px;
}

.reaHeading
{
	color: #c30;
	font-weight: bold;
}

.floatLeft { float: left; }

/* ............................................................................................................................. */
/* Banner logo and background images */
/* Logo */
#banner #logo h1
{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
}

#banner #logo h1 a
{
	margin: 0;
	padding: 0;
	display: block;
	width: 217px;
	height: 212px;
	text-indent: -9999px;
	text-decoration: none;
	float: left;
	background-image: url(../images/backgrounds/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Bg images */
.sheep2, 
.sheep3, 
.sheep4, 
.sheep5, 
.sheep6, 
.sheep7, 
.sheep8, 
.sheep9, 
.sheep10, 
.sheep11
{
	background-repeat: no-repeat;
	background-position: right top;
}

.sheep2 { background-image: url(../images/backgrounds/banners/banner2.jpg); }
.sheep3 { background-image: url(../images/backgrounds/banners/banner3.jpg); }
.sheep4 { background-image: url(../images/backgrounds/banners/banner4.jpg); }
.sheep6 { background-image: url(../images/backgrounds/banners/banner6.jpg); }
.sheep7 { background-image: url(../images/backgrounds/banners/banner7.jpg); }
.sheep8 { background-image: url(../images/backgrounds/banners/banner8.jpg); }
.sheep9 { background-image: url(../images/backgrounds/banners/banner9.jpg); }
.sheep10 { background-image: url(../images/backgrounds/banners/banner10.jpg); }
.sheep11 { background-image: url(../images/backgrounds/banners/banner11.jpg); }

/* ............................................................................................................................. */
#menu {display:none;}

/* ............................................................................................................................. */
/* Sidebar */
#sidebar
{
	font-size: 1em;
	line-height: 18px;
}

#sidebar a
{
	color: #ffe;
	background-color: transparent;
	font-weight: bold;
}

#sidebar p, #sidebar ul, #sidebar dl { margin: 0px 0px 5px 0px; width:150px}

#sidebar span {color:#c60}

#sidebar img
{
	margin: 0px;
	padding: 0px;
}

#sidebar dt
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 3px 0px 8px 0px;
	color: #ddd;
	background: #999;
}

#sidebar ul { list-style-type: none; }

/* Sidebar headings */
#sidebar #profilen, 
#sidebar #pagang, 
#sidebar #kurser, 
#sidebar #semester, 
#sidebar #till_faragaren
{
	margin: 0;
	padding: 0;
	height: 26px;
	width: 140px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 2px 0px;
}

#sidebar #profilen { background-image: url(../images/backgrounds/sidebar_headings/profilen.gif); }
#sidebar #pagang { background-image: url(../images/backgrounds/sidebar_headings/pa_gang.gif); }
#sidebar #kurser { background-image: url(../images/backgrounds/sidebar_headings/kurser.gif); }
#sidebar #semester { background-image: url(../images/backgrounds/sidebar_headings/semester.gif); }
#sidebar #till_faragaren { background-image: url(../images/backgrounds/sidebar_headings/till_faragaren.gif); }

/* ............................................................................................................................. */
/* Footer rules */
#tipsa { position: relative; }

#tipsa a
{
	position: absolute;
	top: 0;
	left: 13px;
	display: block;
	height: 26px;
	width: 206px;
	text-indent: -9999px;
	text-decoration: none;
	background-repeat: no-repeat;
}

#tipsa a, #tipsa a:hover
{
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/tipsa.gif);
}

#tipsa a { background-position: 0 0; }
#tipsa a:hover { background-position: 0 -26px; }

#footer p
{
	width: 554px;
	margin-right: 20px;
	margin-left: 13px;
}

#footer h5 { color: #666; }

#footer #copyright {padding-top:3em; padding-bottom:0; color:#aaa;font-size:0.9em;}
/* ............................................................................................................................. */
/* Footer navigation */
#footer ul
{
	width: 554px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 13px;
}

#footer li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#footer li:before { content: "| "; }
#footer li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #footer li
{
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #footer { height: 1%; }

* html #footer li
{
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #footer li:first-child { border-left: 0; }

/* ............................................................................................................................. */
/* ............................................................................................................................. */
.productPixRandom
/* aligns the random product pic */ { margin: 15px 10px 5px 12px; }

/* Map and wool/sheep samples page - displayed without regular page elements */
/* _____________________________________________ */
#littleBanner
{
	width: 587px;
	color: #333;
	background-color: transparent;
	background-image: url(../images/banner/bgBanner.gif);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
}

#littleFooter
{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 587px;
	text-align: left;
	margin-top: 0px;
	padding-bottom: 20px;
	padding-top: 20px;
	color: #666;
	background-color: #eee;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 587px;
}

#whitePage
{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	background: #fff;
	color: #333;
}

#whitePageText
{
	width: 547px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background: #fff;
	color: #333;
}

.mapPic { margin: 22px 22px 22px 12px; }
.thumb { padding: 0px 0px 0px 0px; }

/*
.example { margin: 10px 0px 0px 109px; }
*/

#width368
{
	width: 368px;
	text-align: center;
	margin-left: 109px;
}

/* New content styles */
#content .marginright p,
#content .marginright h2,
#content .marginright ol { width:412px; }

#content .pullquote { margin-top:10px; }
#content ol { margin-left:13px; }
#content ul { margin-left:13px; }
#content dl { margin-left:13px; margin-bottom:1em}
#content dt { font-size:1.4em; }

#content #karta_stor {margin:0 auto; text-align:center;}
#content #karta_stor {text-align:left;}

#footer dl { margin-left:13px; }
#footer .break { margin-top: 1em; }

#karta { background-image: url(none); margin:0;}

#kartawrapper
{
	position: absolute;
	top:50%;
	left:50%;
	width:800px;
	height:570px;
	margin:-275px 0 0 -400px;
	background:#fff;
	text-align:left;
}

#kartaimg
{
	float:left;
	margin-top:0px;
}

#kartatext
{
	font-size:1em;
	width:220px;
	float:right;
	margin-top:20px;
	border:2px solid #ddd;
	background:#eee;
	color:#000;
	padding-top:10px;
}

/* ............................................................................................................................. */

/* Sortiment submenu */



#content #submenu ul 
{ 
	list-style: none;
	margin: 0;
	padding:0;
} 

#content #submenu li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#content #submenu li:before { content: "| "; }
#content #submenu li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #content #submenu li
{
	border-left: 1px solid white;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #content #submenu { height: 1%; }

* html #content #submenu li
{
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #content #submenu li:first-child { border-left: 0; }

#content #submenu h1 { color:#000; margin:8px 0 0 8px; }
#content #submenu ul { margin:0 0 0 8px; }
#content #submenu #menu2 { margin: 0 0 8px 8px; }


/* ............................................................................................................................. */

#content .kurs
{
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-left: 13px;
	margin-right:13px;
}

#content .kurs p,
#content .kurs h2
{
	margin-left: 0;
	margin-right: 0;
}

#content #kurslink
{
	margin-left:0;
}

/* Easy clearing of floats http://www.positioniseverything.net/easyclearing.html */

#content .product:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #content .product {height: 1%;}
/* End hide from IE-mac */


#content .product
{
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin:0 20px 10px 13px;
}

#content .product h4,
#content .product h1 { margin-left:0; }

#content .product p { margin-left:0; width:430px;}

#content .product img
{	
	margin:1.2em 0px 0 0;
	float:right;
}

#content .products 
{
	margin:0 20px 10px 13px;
}
#content .products h1,
#content .products h2, 
#content .products h3, 
#content .products h4, 
#content .products h5,
#content .products h6, 
#content .products p 
{ margin-left:0; width:430px;}

#content .marginleft p,
#content .marginleft dl { margin: 5px 14px 5px 165px; }

#content .marginleft h3
{
	margin: 0px 14px 0px 165px;
	padding-top: 10px;
	clear: left;
}

#content .marginleft img
{
	clear: right;
	float: left;
	margin: 5px 0px 10px 40px;
}

#content .padleft10 { padding-left: 10px; }
#content #coloredwoolsamples {margin-left:0; width:550px; }
#content #coloredwoolsamples img { padding: 4px 5px 10px 0px; }

#content .ullfrotteproduct 
{	
	padding-bottom:10px;
	margin:0 20px 10px 13px;
	border-bottom:1px solid #ddd;
	width:450px;
}

#content .ullfrotteproduct h1,
#content .ullfrotteproduct h2, 
#content .ullfrotteproduct h3, 
#content .ullfrotteproduct h4, 
#content .ullfrotteproduct h5,
#content .ullfrotteproduct h6, 
#content .ullfrotteproduct p 
{ margin-left:0; width:250px; }