/* General classes */

.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
.red { color: red; }

html { min-height: 100%; margin-bottom: 1px; }				/* Used to force a vertical scroll bar */

body { font-size: 12px; font-weight: normal; font-family: arial, helvetica, sans-serif; line-height: 125%; background-color: #ddd; margin: 0 auto; text-align: left; }

strong { font-weight: bold; }

p { font-family: arial, helvetica, sans-serif; font-size: 12px; }

p.red { color: red; }

.loggedin { position: absolute; top: 5px; left: 350px; width: 350px; text-align: right; z-index: 100; }
#frontpage .loggedin { left: 390px; display: block; }			/* Frontpage har inte padding-left 40px. Block är för att flytta ner bakgrundsbilden en smula. */

br.half { line-height: 50%; }

img { border: 0px; }

h1, h3 { font-size: 16px; font-weight: bold; color: #632669; font-family: tahoma, arial, helvetica, sans-serif; line-height: 100%; margin: 40px 0 20px 0; }

h2, h4 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #000; font-family: tahoma, arial, helvetica, sans-serif; line-height: 100%; margin: 40px 0 20px 0; }

a.normal { color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; text-decoration: underline; }

a.noline { color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }

a.sitemap { color: #000; font-family: arial, helvetica, sans-serif; font-size: 12px;  line-height: 1.7em; text-decoration: underline; }

td.label_box { width: 140px; background-color: #632669; vertical-align: middle; font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: center; font-size: 12px; text-transform: uppercase; color: #fff; }
	
td.text_box { font-family: arial, helvetica, sans-serif; font-size: 12px; }

button.buttons { border: 2px outset; width: auto; height: auto; padding: 3px 8px; font-family: arial, helvetica, sans-serif; font-size: 12px; }

input.buttons { border: 2px outset; width: auto; height: auto; padding: 2px; font-family: arial, helvetica, sans-serif; font-size: 12px; }

/* Page container */

#container { width: 880px; margin: 0 auto; overflow: hidden; }

/* Ribbons */

.ribbon { width: 50px; float: left; }
/* .ribbon { background-image: url('../img/redribbon.jpg'); padding-bottom: 2000px; margin-bottom: -2000px; }  */

/* Content */

#content { width: 780px; float: left; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #000; background-color: #fff; }

/* Menu box */

#menu { width: 780px; height: 260px; position: relative; background-color: #632669; color: #ffffff; font-size: 16px; text-align: center; }

img.flag { position: absolute; top: 20px; left: 693px; width: 16px; height: 11px; }
img#swflag { left: 693px; }
img#ukflag { left: 718px; }
img#geflag { left: 743px; }

.menu_text { margin-top: 6px; margin-bottom: 1px; }

.menu_text a { color: #fff; font-family: tahoma, arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; text-align: center; }

.menu_text a:hover { color: #dcafeb; }

.submenu
{
	position: relative;
	top: 0;
	left: 0;
	width: 780px;
	padding: 3px 0 4px 0;
	text-align: center;
	background-color: #dcafeb;
	line-height: 140%;
}

.submenu a
{
	position: relative;
	z-index: 100;
	color: #000;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

.submenu a:hover { color: #632669; }

.submenu_picturearchive
{
	position: relative;
	top: -1px;
	left: -40px;
	width: 230px;
	height: auto;
	padding: 3px 0 4px 40px;
	background-color: #421d50;
}

.submenu_picturearchive a
{
	position: relative;
	z-index: 50;
	color: white;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}

.submenu_picturearchive a:hover { color: #dcafeb; }

/* Main content box */

.maincontent
{
	position: relative;
	top: 0;
	left: 0;
	width: 780px;
}

/* Margin box */

.margins
{
	position: relative;
	top: 0;
	left: 40px;
	width: 700px;
	padding-top: 1px;
}


/* Contact boxes */


#footer
{
	position: relative;
	left: 0;
	top: 0;
	width: 780px;
	height: 60px;
	background-color: #632669;
	color: #ffffff; 
	padding: 0;
	text-align: center;
}


/* Footnote */


#footnote
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
}

#footnote p 
{
	margin: 5px 0;
	font-size: 10px;
	color: #555;
	text-align: center;
}

/* Classes for index.php (front page) */


#frontpage { position: relative; top: 0; left: 0; width: 780px; height: 550px; background: url('../img/frontpage.jpg') no-repeat; }
#frontpage_text { margin: 40px 210px 0 230px; color: #5b0758; }
#frontpage_text h1 { margin: 20px 0; font-size: 48px; font-weight: normal; }
#frontpage_text p { margin: 0 0 15px 0; font-size: 14px; }

/* Upper left box in main content area */

.upperleft { background-color: #e7b1fd; width: 426px; height: 230px; text-align: center; padding: 70px 40px 40px 40px; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.upperleft img { margin: 0 auto; }

.upperleft p { color: #000000; font-size: 14px; }

/* Upper right box in main content area */

.upperright
{
	position: absolute;
	left: 508px;
	top: 0;
	background-color: #ffffff;
	width: 271px;
	height: 550px;
	text-align: center;
	padding: 0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	z-index: 1;
}
	
img.upright
{
	position: absolute;
	left: 0;
	top: 0;
	width: 271px;
	height: 550px;
	display: inline;
	z-index: 1;
}

/* Lower left box in main content area */

.lowerleft
{
	position: absolute;
	top: 341px;
	left: 0;
	background-color: #ffffff;
	width: 506px;
	height: 210px;
	padding: 0;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.lowerleft img { width: 506px; height: 210px; }


/*    Classes for agents.php    */

#agents h2 { margin-bottom: 10px; }
#agents .column { width: 330px; margin-top: -20px; float: left; margin-right: 40px; display: inline; }
#agents .last { margin-right: 0; }

/*    Classes for retailers.php    */


.af { }

.af table.main { width: 720px; border: 0; margin-left: -5px; font-family: arial, helvetica, sans-serif; }

.af td.heading { font-family: tahoma, arial, helvetica, sans-serif; font-weight: bold; font-size: 14px; padding-bottom: 10px; }

.af tr.row { vertical-align: middle; height: 45px; }

.af td.city { font-family: tahoma, arial, helvetica, sans-serif; width: 180px; font-size: 12px; font-weight: bold; text-align: left; }

.af td.logo { width: 170px; text-align: left; vertical-align: middle; }

.af img.logo { width: 152px; height: 41px; }

.af img.web { width: 38px; height: 20px; }


/* Classes for collection.php, picturearchive_collection.php & picturearchive_other.php */

.kollektion_box { position: relative; width: 780px; height: 540px; }

.kollektion_box img, .other_box img { position: absolute; border: 0; }
.kollektion_box img.col1 { left: 40px; } 	.kollektion_box img.col1dl { left: 95px; }
.kollektion_box img.col2 { left: 120px; }	.kollektion_box img.col2dl { left: 175px; }
.kollektion_box img.col3 { left: 200px; }	.kollektion_box img.col3dl { left: 255px; }
.kollektion_box img.col4 { left: 280px; }	.kollektion_box img.col4dl { left: 335px; }
.kollektion_box img.col5 { left: 360px; }	.kollektion_box img.col5dl { left: 415px; }
.kollektion_box img.col6 { left: 440px; }	.kollektion_box img.col6dl { left: 495px; }
.kollektion_box img.col7 { left: 520px; }	.kollektion_box img.col7dl { left: 575px; }
.kollektion_box img.col8 { left: 600px; }	.kollektion_box img.col8dl { left: 655px; }
.kollektion_box img.col9 { left: 680px; }	.kollektion_box img.col9dl { left: 735px; }
.kollektion_box img.row1 { top: 40px; }
.kollektion_box img.row2 { top: 100px; }
.kollektion_box img.row3 { top: 160px; }
.kollektion_box img.row4 { top: 220px; }
.kollektion_box img.row5 { top: 280px; }
.kollektion_box img.row6 { top: 340px; }
.kollektion_box img.row7 { top: 400px; }
.kollektion_box img.row8 { top: 460px; }
.kollektion_box img.row9 { top: 520px; }
.kollektion_box img.row10 { top: 580px; }
.kollektion_box img.row11 { top: 660px; }
.kollektion_box img.row12 { top: 740px; }

img.kollektion_big { top: 40px; left: 470px; width: 250px; height: 250px; }

img.dlarrow { position: absolute; width: 11px; height: 14px; border: 0; }    /* Download arrow */
img.newstar { position: absolute; width: 7px; height: 7px; border: 0; }     /* New star */
.newstartext { position: absolute; top: 460px; left: 40px; }

table.other td { padding: 5px 0; }
table.other tr.heading { font-weight: bold; }
table.other td.col1 { width: 130px; }
table.other td.col2 { width: 170px; }
table.other td.col3 { width: 130px; }
table.other td.col4 { width: 100px; }


/*    Classes for care.php    */


img.skotselrad { float: right;	margin: 50px 0 0 15px; width: 291px; height: 264px; }


/*    Classes for ecoleather.php    */

div#eco { float: left; display: inline; }
img#tuv { float: right; margin: -20px 20px 0 0; }


/*	Klasser för storlekguide.php */


table.sizes { width: 300px; border-spacing: 2px; }

tr.top { background-color: #632669; color: #fff; font-weight: bold; }

table.sizes td { vertical-align: middle; font-family: arial, helvetica, sans-serif; text-align: center; font-size: 12px; }

table.sizes td.col1 { width: 80px; font-weight: bold; }
table.sizes td.col2 { width: 80px; }
table.sizes td.col3 { width: 140px; }

table.sizes tr.row1 { background-color: #edd5fa; }
table.sizes tr.row2 { background-color: #ece7f4; }
	

/* Klasser för backstage.php och request_login.php */

.backstage .welcome table { margin-left: -3px; padding: 0; width: 100%; }
.backstage .welcome tr { margin: 0; padding: 0; }
.backstage .welcome td.shady { background-color: #ccc; padding: 0 20px 10px 20px; }
.backstage .welcome td { margin: 0; padding: 0 0 15px 0; text-align: left; vertical-align: top; }
.backstage .welcome td.col1 { width: 120px; padding-right: 10px; text-transform: uppercase; }
.backstage .welcome h4 { margin: 20px 0; }
.backstage .welcome img { margin-right: 20px; }

.backstage .welcome #hostnyheter_top { font-size: 20px; color: #532d60; margin-bottom: 20px; line-height: 120%; }
.backstage .welcome #hostnyheter_bottom { font-size: 14px; color: #532d60; margin: 10px 0 20px; }
.backstage .welcome #hostnyheter_img { display: block; }

.backstage form { font-family: arial, helvetica, sans-serif; font-size: 13px; }

.backstage table { border-spacing: 4px; text-align: right; }

.backstage td.label { margin-right: 10px; }

.backstage td.buttons { padding: 10px 0 5px 0; }

.backstage input.field { width: 150px; height: 16px; vertical-align: middle; margin-right: 0; border: 1px solid #000; padding: 0 3px; font-family: arial, helvetica, sans-serif; font-size: 12px; }
	
.backstage tr.oldnews { display: none; }
.backstage p#show { display: block; }
.backstage p#hide { display: none; }

#loginprompt { width: 300px; float: left; }
#loginprompt label, #request label { display: block; width: 100px; height: 16px; float: left; margin: 4px 4px; padding: 4px 0; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#loginprompt input, #request input { width: 150px; height: 16px; margin: 4px 0; border: 1px solid #000; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 12px; }
#loginprompt a, #request a { line-height: 30px; }
#loginprompt a#recover { display: block; margin: -10px 0 -15px 108px; font-size: 10px; }
#request p.small { font-size: 10px; }


/*    Classes for order.php and confirm_order.php    */

.order {}

.order input { width: 30px; height: 16px; font-size: 12px; text-align: center; font-family: arial, helvetica, sans-serif; border: 0; }

.order img { width: 54px; height: 45px; }

.order ul { list-style-position: outside; }

.order input.address { background-color: #dbf; text-align: left; width: 255px; height: 18px; }

.order input.amount { background-color: #dbf; }

.order input.amount_bottom { background-color: #808080; color: #fff; font-weight: bold; }

.order input.total_amount, .order input.price, .order input.total_price { background-color: #9b38ff; color: #000; }

.order input.price { width: 60px; }

.order input.total_price { text-align: right; width: 55px; margin-right: 5px; }

.order input.total_amount_bottom, .order input.price_bottom { background-color: #808080; color: #fff; font-weight: bold; }

.order input.total_price_bottom { background-color: #808080; color: #fff; font-weight: bold; text-align: right; width: 55px; }

.order input#saveinfo { margin: 0 0 0 80px; vertical-align: middle; }

.order p.alert { font-size: 12px; color: #f00; font-weight: bold; }

.order table { font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0; }

.order table.conf { vertical-align: middle; }

.order tr.conf_contact { padding-top: 5px; }

.order tr.conf_rows { height: 22px; }

.order tr.rows { height: 50px; text-align: center; vertical-align: middle; font-size: 12px; border-right: 2px solid #000; border-left: 2px solid #000; background-color: #9b38ff; }

.order tr.top_bottom { height: 22px; background-color: #808080; color: #fff; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; }

.order td.addresslabel { width: 220px; background-color: #bbb; font-weight: bold; padding-top: 3px; padding-right: 10px; padding-bottom: 2px; padding-left: 5px; text-align: right; vertical-align: middle; }

.order td.addressfield { width: 258px; background-color: #dbf; padding-top: 3px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }

.order td.bottomcol1 { text-align: left; padding-left: 10px; }

.order td.col1 { width: 160px; padding-left: 10px; background-color: #fff; text-align: left; font-weight: bold; font-style: italic; }

.order td.col2 { width: 60px; background-color: #fff; }

.order td.col3 { background-color: #dbf; }

.order td.utg { text-align: center; }

.order td.conf_col1, .order td.conf_col2, .order td.conf_col3, .order td.conf_bottomcol1, .order td.conf_bottomcol2, .order td.conf_bottomcol3, .order td.conf_contact_label
	{ padding-right: 10px; padding-left: 10px; }

.order td.conf_bottomcol1, .order td.conf_bottomcol2, .order td.conf_bottomcol3 { font-weight: bold; border-top: 1px solid #000 }

.order td.conf_col1, .order td.conf_bottomcol1 { text-align: left; }

.order td.conf_col3, .order td.conf_bottomcol3 { text-align: right; }

.order td.conf_contact_label { font-weight: bold; vertical-align: top; text-align: right; }

.order td.correction { color: #f00; }

.order td.blank { background-color: white; }

.order td.topcol1 { text-align: left; padding-left: 10px; vertical-align: bottom; }

.order td.topcol3 { text-align: center; padding: 0 3px; margin: 0;}

.order td.topcol4 , td.topcol5, td.topcol6 { padding: 0 5px; vertical-align: bottom; }

.order textarea.comment { font-size: 12px; font-family: arial, helvetica, sans-serif; border: 0; background-color: #dbf; width: 255px; height: 50px; overflow: auto; }


/* Klasser för userinfo.php */


input.normal { border: 1px solid #000; padding-left: 3px; }

input.userreq { border: 1px solid #000; background-color: #ff6; padding-left: 3px; }

select.userreq { background-color: #ff6; }

td.correction { color: #f00; vertical-align: top; padding-top: 2px; padding-left: 10px; }


/* Klasser för admin.php */


.list_users
{
}

.list_users td.heading { font-weight: bold; padding-right: 1em; }
.list_users td.col1 { text-align: center; }
.list_users td.col3 { width: 170px; }
.list_users img { width: 9px; height: 10px; }
.list_users a, .list_users a:visited { color: blue; }

textarea#maillist { width: 600px; height: 200px; border: 1px solid #000; }

/* Classes for edit */


.edit { width: 1200px; margin-left: auto; margin-right: auto; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; color: #000; background-color: #ddd;  }

.edit td { background-color: #eee; }

.edit tr.heading { font-weight: bold; }

.edit td.col1 { width: 20px; text-align: center; font-weight: normal; }

.edit td.col2 { width: 150px; text-align: center; }

.edit td.col3 { width: 50px; text-align: center; }

.edit td.col4 { width: 350px; text-align: left; }

.edit td.col5 { width: 200px; text-align: left; }

.edit input.orderindex { width: 50px; text-align: center; }

.edit input.city { width: 150px; text-align: center; }

.edit input.logo { width: 200px; text-align: center; }

.edit textarea.language { width: 330px; height: 100px; overflow: auto; }

.edit input.link { width: 180px; text-align: left; }

.edit td.emptyrow { background-color: #ddd; }