/* General classes */

.clear { clear: both; }
.right { text-align: right; }
.center { text-align: center; }
.red { color: red; }
*:focus { outline: none; }
*::-moz-focus-inner { border: none; }

html { overflow: scroll; }				/* 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: 450px; width: 350px; text-align: right; z-index: 100; }

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; }
#press h2 { margin: 30px 0 10px; }

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; }
a.level2 { margin-left: 3em; }
a.level3 { margin-left: 6em; }

td.label_box { width: 120px; vertical-align: top; font-family: arial, helvetica, sans-serif; font-weight: bold; text-align: left; font-size: 12px; text-transform: uppercase; color: #000; }
	
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: 980px; 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: 880px; float: left; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none; color: #000; background-color: #fff; }
#index #content { background-color: #6C2D74; }

/* Menu box */

#menu { width: 880px; height: 175px; position: relative; background: #6c2d74; }

img.flag { position: absolute; top: 20px; width: 16px; height: 11px; }
img#swflag { left: 783px; }
img#ukflag { left: 808px; }
img#geflag { left: 833px; }

div#social  { position: absolute; top: 60px; left: 772px; }
a#fb { margin-right: 5px; }

#menu_text { height: 23px; padding: 7px 0 0 0; }
#menu_text ul { list-style-type: none; margin: 0; padding-left: 30px; }
#menu_text ul li { float: left; margin: 0 30px 0 0; }
#menu_text ul li a { color: #fff; font-family: tahoma, arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; }
#menu_text ul li a.active { font-weight: bold; }
#menu_text ul li a:hover { color: #dcafeb; }

.submenu { position: relative; top: 0; left: 0; width: 880px; 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; }

#submenu { padding: 5px 0; background-color: #dcafeb; }
#submenu ul { list-style-type: none; margin: 0; padding: 0 0 0 30px; height: auto; }
#submenu ul li { float: left; margin: 0 30px 0 0; }
#submenu ul.retailers li { float: left; margin: 0 35px 0 0; }
#submenu ul li a { color: #000; font-family: tahoma, arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }
#submenu ul li a.active { font-weight: bold; }
#submenu ul li a:hover { color: #632669; }

#submenu_submenu { padding: 5px 0; background-color: #421d50; }
#submenu_submenu ul { list-style-type: none; margin: 0; padding: 0 0 0 30px; height: auto; }
#submenu_submenu ul li { float: left; margin: 0 30px 0 0; }
#submenu_submenu ul li a { color: #fff; font-family: tahoma, arial, helvetica, sans-serif; font-size: 13px; font-weight: normal; text-decoration: none; }
#submenu_submenu ul li a.active { font-weight: bold; }
#submenu_submenu ul li a:hover { color: #dcafeb; }


/* Main content box */

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

/* Margin box */

.margins { position: relative; top: 0; left: 40px; width: 800px; padding-top: 1px; }
#margins40 { position: relative; top: 0; left: 40px; width: 800px; padding-top: 1px; }
#margins { position: relative; top: 0; left: 60px; width: 760px; padding-top: 1px; }


/* Footer */

#footer { height: 80px; background-color: #632669; }


/* Footnote */

#footnote { margin: 0 auto; width: 880px; }
#footnote p.footnote  { margin: 2px 0; font-size: 10px; color: #555; text-align: center; }


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

#index_boxes p { font-family: arial, sans-serif; font-weight: bold; margin: 0; line-height: 100%; }
#index_boxes span.dymo { margin-bottom: 4px; padding: 2px 5px; color: white; background-color: black; display: inline-block; }
#index_boxes .col { height: 590px; }
#index_boxes a { color: white; text-decoration: underline; }
#index_boxes #main1 { width: 880px; height: 586px; border-top: 2px solid white; border-bottom: 2px solid white; }
#index_boxes #col1 { width: 293px; float: left; }
#index_boxes #sub11 { width: 253px; height: 193px; padding: 50px 20px; background-color: #6C2D74; }
#index_boxes #sub11 p { font-size: 20px; margin: 15px 0; color: white; text-align: center; }
#index_boxes #sub12 { width: 293px; height: 293px; background: url('../img/index_sub12a.jpg') no-repeat; }
#index_boxes #col2 { width: 294px; float: left; }
#index_boxes #sub13 { width: 294px; height: 293px; background: url('../img/index_sub13a.jpg') no-repeat; }
#index_boxes #sub14 { width: 294px; height: 293px; background: url('../img/index_sub14a.jpg') no-repeat; }
#index_boxes #col3 { width: 293px; float: left; }
#index_boxes #sub15 { width: 293px; height: 293px; background: url('../img/index_sub15a.jpg') no-repeat; }
#index_boxes #sub16 { width: 253px; height: 113px; padding: 90px 20px; background-color: #6C2D74; }
#index_boxes #sub16 p { font-size: 20px; margin: 15px 0; line-height: 130%; color: white; text-align: center; }
#index_boxes #main2 { width: 880px; height: 171px; clear: both; background: url('../img/index_main2.jpg') no-repeat; }
#index_boxes #main2 p { position: relative; top: 30px; left: 250px; font-size: 22px; }

/* Gammal index-sida
#index_boxes p { font-family: arial, sans-serif; font-weight: bold; margin: 0; line-height: 100%; }
#index_boxes span.dymo { margin-bottom: 4px; padding: 2px 5px; color: white; background-color: black; display: inline-block; }
#index_boxes .col { height: 656px; }
#index_boxes #main1 { width: 880px; height: 656px; }
#index_boxes #col1 { width: 280px; border-right: 2px solid black; float: left; }
#index_boxes #sub11 { width: 240px; height: 412px; padding: 0 20px; border-bottom: 2px solid black; background: url('../img/index_sub11.jpg') no-repeat; }
#index_boxes #sub11 p { position: relative; top: 335px; font-size: 16px; color: white; }
#index_boxes #sub12 { width: 280px; height: 242px; background: url('../img/index_sub12.jpg') no-repeat; }
#index_boxes #col2 { width: 345px; border-right: 2px solid black; float: left; }
#index_boxes #sub13 { width: 345px; height: 218px; border-bottom: 2px solid black; background: url('../img/index_sub13.jpg') no-repeat; }
#index_boxes #sub14 { width: 305px; height: 226px; padding: 10px 20px 0; border-bottom: 2px solid black; background-color: #ddd; }
#index_boxes #sub14 p#rad1 { font-size: 46px; text-transform: uppercase; text-align: center; }
#index_boxes #sub14 p#rad2 { font-size: 29px; text-transform: uppercase; text-align: center; }
#index_boxes #sub14 p#rad3 { font-size: 16px; margin-top: 5px; line-height: 110%; text-align: justify; }
#index_boxes #sub15 { width: 345px; height: 198px; background: url('../img/index_sub15.jpg') no-repeat; }
#index_boxes #col3 { width: 211px; padding: 0 20px; float: left; background: url('../img/index_col3.jpg') no-repeat; }
#index_boxes #col3 p { position: relative; top: 420px; font-size: 18px; }
#index_boxes #main2 { width: 880px; height: 171px; border-top: 2px solid black; clear: both; background: url('../img/index_main2.jpg') no-repeat; }
#index_boxes #main2 p { position: relative; top: 30px; left: 250px; font-size: 22px; }
*/

/*    Classes for about.php, productfacts.php & retailerinfo.php     */

#labels { font-family: arial, sans-serif; font-size: 12px; }
#labels .label { width: 140px; margin: 0 0 10px 0; font-weight: bold; text-transform: uppercase; float: left; }
#labels .text { width: 525px; margin: 0 0 10px 0; float: left; clear: right; }
#labels h2 { margin: 20px 0; }
#retailerinfo #labels .label { width: 150px; }
	

/*    Classes for agents.php    */

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

/*    Classes for retailers.php    */


.af { }

.af table.main { width: 740px; 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_slippers.php & picturearchive_other.php */

#collection_box { margin: 40px 0 0 0; }
#collection_box a { margin: 0 20px 20px 0; float: left; border: 2px solid white; }
#collection_box a:hover { border: 2px solid blue; }
#collection_box a.last { clear: right; margin-right: 0; }

.kollektion_box { position: relative; width: 880px; 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; }

.hats_box { width: 880px; height: 540px; text-align: center; }
.hats_box img { margin: 0 0 30px 50px; }
.hats_box img.first { margin: 0 0 30px 0; }

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 printouts.php    */

#printouts img.printout { float: left; width: 200px; margin: 20px 100px 20px 0; }
#printouts img.last { margin-right: 0px; }

/*    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; }
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; }
#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 #welcome h2  { font-size: 20px; color: #532d60; margin: 0 0 20px; line-height: 120%; text-transform: none; font-weight: normal; }

#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; }
#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; float: left; }
#loginprompt a, #request a { line-height: 30px; }
#loginprompt a#recover { clear: both; 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_form input { width: 30px; height: 16px; font-size: 12px; text-align: center; font-family: arial, helvetica, sans-serif; border: 0; }
#order_form img { width: 54px; height: 45px; }
#order_form ul { list-style-position: outside; }
#order_form table#address input { background-color: #dbf; text-align: left; width: 255px; height: 18px; }
#order_form input.amount { background-color: #dbf; }
#order_form input.error { background-color: #f83; }
#order_form input#saveinfo { margin: 0 0 0 80px; vertical-align: middle; }
#order_form p.alert { font-size: 12px; color: #f00; font-weight: bold; }
#order_form table { font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0; }
#order_form 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_form tr.top_bottom { height: 22px; background-color: #808080; color: #fff; font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; }
#order_form table#address td.label { width: 100px; background-color: #bbb; font-weight: bold; padding-top: 3px; padding-right: 10px; padding-bottom: 2px; padding-left: 5px; text-align: right; vertical-align: top; }
#order_form table#address td.field { width: 200px; background-color: #dbf; padding-top: 3px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#order_form table#address tr.subheading td{ height: 20px; font-weight: bold; }
#order_form table#address tr.divider td{ height: 10px; }
#order_form td.bottomcol1 { text-align: left; padding-left: 10px; }
#order_form td.total_price_col { text-align: right; padding-right: 10px; }
#order_form td.col1 { width: 160px; padding-left: 10px; background-color: #fff; text-align: left; font-weight: bold; font-style: italic; }
#order_form td.col2 { width: 60px; background-color: #fff; }
#order_form td.col3 { background-color: #dbf; }
#order_form td.error { background-color: #f83; }
#order_form td#order_total_col1 { width: 500px; text-align: left; padding-left: 10px; font-size: 14px; }
#order_form td#order_total_col2{ width: 80px; text-align: right; padding-right: 10px; font-size: 14px; }
#order_form td.correction { color: #f00; }
#order_form td.blank { background-color: white; }
#order_form td.topcol1 { text-align: left; padding-left: 10px; vertical-align: bottom; }
#order_form td.topcol3 { text-align: center; padding: 0 3px; margin: 0;}
#order_form td.topcol4 , td.topcol5, td.topcol6 { padding: 0 5px; vertical-align: bottom; }
#order_form textarea.comment { font-size: 12px; font-family: arial, helvetica, sans-serif; border: 0; background-color: #dbf; width: 255px; height: 50px; overflow: auto; }
#errors { padding: 10px; margin-bottom: 20px; width: 90%; background-color: #fff42e; }
#confirm_message { color: red; font-size: 16px; margin-bottom: 30px; }

/* 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; }