
* { margin:0; padding:0;}
body { font:12px Verdana, Arial, Helvetica, sans-serif; background:#f9f9f9; margin:0; padding:0; text-align:center; color:#000; line-height:1.5em}

h1 { color:#0161be; font-size:14px; font-weight:bold; padding:12px 12px 6px 18px; margin:0;}
h2 { color:#01398c; font-size:13px; font-weight:bold; padding:6px 18px; margin:0;}
h3 { color:#01398c; font-size:12px; font-weight:bold; padding:3px 18px; margin:0;}
h4 { color:#000; font-size:11px; font-weight:bold; padding:3px 18px; margin:0;}
p { padding:6px 8px 4px 18px;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border:none}

.small { width:100px;}
select.small { width:105px;}
.medium { width:160px;}
select.medium { width:165px;}
.large{ width:220px;}
select.large { width:225px;}
.subh { padding:20px;}
div.hide { display:none;}
span.subheading { color:#01398c; font-size:11px; line-height:30px; padding-left:18px; margin:0;}

/* container */
#wrap { width:960px; margin:0 auto}
#container { position:relative; width:940px; padding:0 10px; background:#fafafa url(images/bng_wrap.gif) repeat-y; margin:0 auto; text-align:left;}

/* header*/
#header { background:url(images/bng_top.gif) no-repeat 0 0; height:91px; border-bottom:1px solid #000;} 
#header img { margin-top:47px; margin-left:20px} 
div#livesupport { position:absolute; right:20px; top:10px}
div#banner { position:absolute; right:-100px; top:0; width:95px; display:none}

/* menu */
#menu { float:right; width:220px; background:#797b7e url(images/bng_colright.gif) repeat-y; color:#fff; border-left:1px solid #000; border-bottom:1px solid #666; line-height:22px; padding-bottom:20px;}
#menu h2 { font-size:13px; margin:10px 0 0 18px; padding:0 0 2px 0; color:#fff; text-decoration:underline;}
#menu ul { list-style:none;}
#menu li { height:22px;}
#menu li a { padding-left:20px; background:none; color:#fff; height:22px; display:block; border-bottom:1px solid #999;}
#menu li a:hover { background:#aaa; color:#fff; height:22px;}
li.active { background:#094aad;}

/* footer */
#footer { clear:both; width:100%; background:#e5e6e7; color:#666; border-top:1px solid #414243; padding-top:20px; padding-bottom:15px; text-align:center; font-size:11px;}
#footer a { background:#e5e6e7; color:#666;}
#footer a:hover { background:#e5e6e7; color:#000;}
div#bottomshadow { bottom:0; left:-10px; height:30px; width:960px; background:url(images/bng_bottomshadow.gif) no-repeat}

/* maincontent */
#maincontent { width:716px;}
#maincontent a { color:#00388c;}
#maincontent p { line-height:16px;}

/* contact */
.contact { width:185px; display:inline; float:left; margin-left:18px; line-height:16px;}
.contact dt { font-weight:bold;}
.contact dd { padding:4px 0; font-size:11px;}

input, legend, radio, textarea, select, option { font:11px Verdana, Arial, Helvetica, sans-serif;}
legend { color:#666; padding:0px; padding:0px 3px 0px 3px; margin:0px 0px 0px -6px;}
input { padding:2px; border-bottom:1px solid #b8d6e5; border-right:1px solid #b8d6e5; border-top:1px solid #008fd4; border-left:1px solid #008fd4;}
textarea { height:100px; border-bottom:1px solid #b8d6e5; border-right:1px solid #b8d6e5; border-top:1px solid #008fd4; border-left:1px solid #008fd4;}
.contact_form fieldset { width:400px; margin:10px auto; padding:10px; border:1px solid #b8d6e5;}
.contact_form dl { margin-top:8px; padding:0px; width:auto;}
.contact_form dt { display:inline; float:left; width:130px; margin:0px 15px 5px 0px; color:#000; text-align:right;}
.contact_form dd { margin:0px 0px 10px 145px; color:#000; _text-indent:-3px !important;}
.contact_form dd label { vertical-align:top; margin:0px 8px 0px 0px; line-height:1.6em;}
.message p { color:#f60; padding:30px;}

div.questions { margin-top:25px; padding:15px}
.question_form { padding:10px 0}
.question_form fieldset { width:400px; margin-top:30px; padding:10px; border:1px solid #b8d6e5;}
.question_form dl { margin-top:8px; padding:0px; width:auto;}
.question_form dt { display:inline; float:left; width:130px; margin:0px 15px 5px 0px; color:#000; text-align:right;}
.question_form dd { margin:0px 0px 10px 145px; color:#000; _text-indent:-3px !important;}
.question_form dd label { vertical-align:top; margin:0px 8px 0px 0px; line-height:1.6em;}

form div { clear:both; text-align:center;}
div#subm_contact input { padding:0 5px; background:#0161be; border:2px double #0161be; border-top-color:#0183c2; color:#fff; overflow:visible;}
div#subm_contact input:hover { background:#008fd4;}
dl.dlcontact { margin:15px 0px 0px 0px; padding:0px; width:auto; clear:both;}
dl.dlcontact dt { float:left; width:140px; margin:0px 15px 5px 0px; color:#000; text-align:right;}
dl.dlcontact dd { margin:0px 0px 10px 155px; color:#000; text-indent:-3px !important;}
dl.dlcontact dd label { vertical-align:top; *vertical-align:baseline; margin:0px 8px 0px 0px; line-height:1.6em;}

/* table */
table.eh_compare { width:670px; margin:10px auto 0 auto; font-size:12px; background:#fff; border-top:1px solid #ccc; border-bottom:none; border-left:1px solid #fafafa; border-right:1px solid #fafafa}
table.eh_compare thead td { border-bottom:1px solid #ccc; padding:4px 8px; line-height:1.5}
table.eh_compare tfoot td { background:#fafafa; padding:10px 3px 20px 3px}
table.eh_compare tbody td { border-bottom:1px solid #ccc; padding:5px 10px; vertical-align:middle}
.eh_heading, td.eh_subheading, .eh_heading_c { font-weight:bold; font-size:12px; color:#0161be;}
td.eh_subheading { height:32px;}
.eh_heading { font:18px Verdana, Arial, Helvetica, sans-serif; text-align:left}
.eh_heading_c { text-align:center}
td.eh_info { text-align:left}
td.eh_txt { text-align:center; color:#222;}
td.eh_em { color:#0161be; font-size:10px;}
table em { color:#0161be;}
div.tableimg { padding:10px 6px; font-weight:normal; font-size:12px}
img.border1 { border:1px solid #999}

table#kvitto { width:525px; margin:0 auto; font-size:11px;}
table#kvitto td { padding:4px 2px;}
table#kvitto thead td { font-size:12px; padding:4px; border-bottom:1px solid #ccc;}
table#kvitto tbody td { color:#333; border-top:1px solid #fafafa; border-bottom:1px solid #eee;}
table#kvitto tfoot { text-align:right;}
.footer_top { text-align:right; border-top:1px solid #ccc;}

/* order */
form, label, input, legend, radio, textarea, select, option { font:12px Verdana, Arial, Helvetica, sans-serif;}
form { margin:0 auto; padding:0px; width:660px;}
fieldset { border:1px solid #008fd4; margin:0px; padding:10px; display:block; margin-top:10px}
legend { color:#0054a6; margin:0px; padding:0px; padding:0px 5px 0px 5px; *margin:0px 0px 0px -6px;}
input.doman_radio { width:25px; border:none; margin-top:5px; clear:left;}

fieldset#ebutik input, fieldset#order_avtal input { width:25px; border:none}
fieldset#ebutik label { font-weight:bold;}
fieldset#ebutik p { font-size:11px;}

fieldset#activate input, fieldset#order_avtal input { width:25px; border:none}
fieldset#activate label { font-size:10px}

fieldset#order_uppgifter {}
fieldset#order_uppgifter label { display:inline; float:left; width:90%; padding:0 4px; margin-top:8px; height:16px; line-height:14px; font-size:11px;}
fieldset#order_uppgifter input, fieldset#order_uppgifter textarea, fieldset#order_uppgifter select { display:inline; float:left; width:320px; margin-top:2px; padding:3px; border:1px solid #ddd; border-bottom:1px solid #999; border-right:1px solid #999;}
fieldset#order_uppgifter span { color:#f00;}
fieldset#order_uppgifter input.small { width:120px}

dl.chbox { width:100%; margin:0; padding:0;}
dl.chbox dt { display:inline; float:left; width:526px; margin:0; padding:3px 0; height:21px; line-height:18px; border-bottom:1px solid #ddd;}
dl.chbox dd { display:inline; float:left; width:100px; text-align:right; margin:0; padding:3px 0; height:21px; line-height:18px; border-bottom:1px solid #ddd;}
dl.chbox input { border:none; margin-right:5px;}
fieldset#fl_chbox p { clear:left; display:block;}

fieldset.flradio { padding-left:20px; padding-top:10px;}
fieldset.flradio p { margin:0; padding:0 0 10px 0;}
dl.chradio { margin-top:5px;}
dl.chradio dt { display:inline; float:left; width:25px; height:21px; clear:left; padding-top:2px;}
dl.chradio dt input  { margin:0; padding:0;}
dl.chradio dd { display:inline; float:left; width:550px; height:21px; padding-top:2px;}
dl.chradio dd.large_height { height:60px}

dl.chbox2 { width:100%; margin:0; padding:0;}
dl.chbox2 dt { display:inline; float:left; width:25px; margin:0; padding:3px 0; height:21px; line-height:18px; border-bottom:1px solid #ddd;}
dl.chbox2 dd { display:inline; float:left; width:590px; text-align:left; margin:0; padding:3px 0; height:21px; line-height:18px; border-bottom:1px solid #ddd;}
dl.chbox2 input { border:none; margin-right:5px;}

.btn_back { clear:left; width:100px; display:inline; float:left; padding:10px;}
.btn_back a { display:block; width:76px; height:30px; margin:0; padding:0; border:0; background:url(images/btn_change.gif) no-repeat center top; text-indent:-1000em;}
input.btn_next { display:block; width:102px; height:30px; margin:0; padding:0; border:0; background:url(images/btn_next.gif) no-repeat center top; text-indent:-1000em; cursor:pointer; cursor:hand;}
input.btn_confirm { display:block; width:100px; height:30px; margin:0; padding:0; border:0; background:url(images/btn_confirm.gif) no-repeat center top; text-indent:-1000em; cursor:pointer; cursor:hand;}
input.btn_testbutik { display:block; width:154px; height:30px; margin:0; padding:0; border:0; background:url(images/btn_testbutik.gif) no-repeat center top; text-indent:-1000em; cursor:pointer; cursor:hand;}
.btnnext { display:inline; float:right; width:120px; text-align:right; padding:10px;}

/* betalsystem*/
dl.dl_betalsystem { width:310px; display:inline; float:left; margin:10px 0 0 34px;}
dl.dl_betalsystem dt { font-weight:bold; font-size:14px; line-height:18px; border-bottom:1px solid #999; padding:2px; margin-top:10px}
dl.dl_betalsystem dd { padding-left:5px; line-height:20px;}

div.information h3 { font-size:14px; padding:15px 0 0 15px;}
div.information h4 { display:block; margin-top:10px; margin-left:18px; padding:0;}
div.information p { margin:0; padding:3px 18px;}
div.information dl { font-size:11px; margin-top:6px; margin-left:18px}

dl#bs_certi { width:652px; height:74px; margin-left:24px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
dl#bs_certi dt { display:inline; float:left; width:395px; height:32px; padding:2px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
dl#bs_certi dd { display:inline; float:left; width:121px; height:32px; padding:2px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
dl#bs_bank { width:652px; height:222px; margin-left:24px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
dl#bs_bank dt { display:inline; float:left; width:197px; height:32px; padding:2px; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
dl#bs_bank dd { display:inline; float:left; width:145px; height:32px; padding:2px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}

table.dibs { width:652px; margin:10px 0 10px 24px; border:1px solid #ccc; border-collapse:collapse}
table.dibs td { padding:2px 8px; background:#eee; border-top:1px solid #fff; font-size:10.5px}
table.dibs thead td { font-weight:bold; background:#ddd; padding:4px 8px}
table.dibs tfoot td { padding-top:8px}

ul.ul_kreditor { display:inline; float:left; margin-left:30px; width:300px; list-style:none; font-size:11px; padding-bottom:15px;}
ul.ul_kreditor img { padding-top:10px; padding-left:10px;}
ul.ul_kreditor li { padding:1px 0; width:280px;}
ul.ul_kreditor li img { padding:10px 6px 0 0; height:8px;}
li.li_subhead { border-top:1px solid #ccc; margin-top:6px; padding-top:6px;}

dl.payer_pris { width:500px; float:left; margin:10px 0 0 18px; padding:10px 0;}
dl.payer_pris dt { float:left; width:140px; margin-top:3px; padding:3px 3px 3px 12px; border-bottom:1px solid #ddd;}
dl.payer_pris dd { float:left; width:310px; margin-top:3px; padding:3px; border-bottom:1px solid #ddd;}
dl.payer_pris p { float:left; width:520px; font-size:12px; padding-top:6px;}

/* om företaget */
.om_foretaget {}
dl.om_foretaget { width:90%; margin:0 auto; padding-top:6px;}
.om_foretaget dt, .om_foretaget dd { display:inline; float:left; padding:0.2em 0 0.4em 0; border-bottom:1px solid #eee;}
.om_foretaget dt { float:left; font-weight:bold; width:38%;}
.om_foretaget dd { float:left; background:none; width:40%;}
.partner { display:inline; float:left; width:220px; height:80px; margin-top:30px; margin-left:30px; padding:4px; text-align:center; border:1px solid #ddd;}
.partner span { display:block; font-weight:bold; height:18px;}

/* tillval */
dl.tb_dlist {  width:670px; margin:0 auto; line-height:16px;}
dl.tb_dlist dt span { position:absolute; top:0; right:10px;}
dl.tb_dlist dd span { color:#0161be; font-weight:bold;}
dl.tb_dlist dt { position:relative; display:inline; float:left; width:99%; padding-left:1%; font-weight:bold; background:#bdcee7; margin-top:10px; line-height:20px; clear:left;}
dd.dd_text, dd.dd_pris { display:inline; float:left; padding-top:3px;}
dd.dd_text { width:520px; padding-left:5px;}
dd.dd_pris { width:145px; text-align:right;}

/* intro */
ul.intro { list-style:none; margin-left:3%; width:95%}
ul.intro li { position:relative}
ul.intro li.fl_image { clear:left; display:inline; float:left; margin-top:15px; width:160px; height:140px; padding:8px; border-top:1px solid #ddd; border-right:1px solid #ddd}
ul.intro li.info { display:inline; float:left; margin-top:15px; width:68%; height:140px; padding:8px 0 8px 16px; border-top:1px solid #ddd}
ul.intro span { display:block; font-weight:bold}
ul.intro a.read_more { position:absolute; bottom:0; left:16px}

/* sitemap */
ul.sitemap_main { list-style:none; padding-left:15px;}
ul.sitemap_main img { padding:0 5px; border:none;}
ul.sitemap_main a:hover { color:#000;}
ul.sitemap_main span { font-weight:bold;}
li.sitemap_li { margin-top:10px;}
li.sitemap_li_sub { margin-top:6px; padding-left:30px;}
li.sitemap_li_sub_sub { margin-top:3px; padding-left:60px;}

/* lists */
ol.nr_list { padding:3px 0 3px 32px;}
ol.nr_list li { padding:10px 0 10px 0; color:#333; border-bottom:1px solid #ddd;}
ol.nr_list span { display:block; font-weight:bold; padding-bottom:3px;}
ol.nr_list p { padding:4px 0;}

ol.nr_list2 { padding:3px 0 3px 32px;}
ol.nr_list2 li { padding:10px 0 10px 0; color:#333; border-bottom:1px solid #ddd;}
ol.nr_list2 span { padding:6px 0;}
span.showInfo { display:block; font-weight:bold; padding:0 0 3px 0;}
ol.nr_list2 dl { width:530px;}
ol.nr_list2 dl h3 { float:left; margin:0; margin-top:8px; width:100%; padding:0; line-height:18px; border-bottom:1px solid #ddd;}
ol.nr_list2 dl dt { display:inline; float:left; width:85px; padding:3px 0; border-bottom:1px solid #ddd;}
ol.nr_list2 dl dd { display:inline; float:left; width:445px; padding:3px 0; border-bottom:1px solid #ddd;}

ol.nr_list3 { padding:3px 0 3px 32px; width:520px;}
ol.nr_list3 li { padding:4px 0 4px 0;}
ol.nr_list3 span { display:block; font-weight:bold; padding-bottom:2px;}
ol.nr_list3 p { padding:0;}

ul.dot_list_sm { padding:4px 0 3px 36px; list-style-type:disc; font-size:11px;}
ul.dot_list_sm li { padding:0 0 4px 0;}
ul.dot_list { padding:8px 0 3px 36px; list-style-type:disc;}
ul.dot_list li { padding:0 0 4px 0; color:#333;}
ul.nondot_list { padding:3px 0 3px 26px; list-style-type:none;}
ul.nondot_list li { padding:0 0 4px 0; color:#333;}

ul.link_list { padding:4px 0 20px 40px; list-style:circle;}
ul.link_list li { padding:2px 0 4px 0;}
ul.link_list span { display:block;}


.float_left { float:left; margin:5px 5px 5px 15px;}
.float_right { float:right; margin:5px 15px 5px 5px;}
.float_left_sm { float:left; margin:0 5px 5px 15px;}
.float_right_sm { float:right; margin:0 15px 2px 5px;}
div.img_float_left { float:left; margin:5px 15px 5px 15px; text-align:center; font-size:10px}
div.img_float_left img { display:block}
.notice { display:inline; float:left; font:11px Tahoma, Arial, Verdana, sans-serif; color:#0161be; margin-left:15px; margin-top:15px;}
.notice a { font:11px Tahoma, Arial, Verdana, sans-serif; color:#0161be; text-decoration:underline;}
.separator { display:block; width:94%; height:17px; background:url(http://www.startaebutik.se/images/sep.gif) repeat-x; margin:0 auto; padding:0;}
.clear { clear:both; height:0; font-size:1px; line-height:0px;}
.clear_right { clear:right; height:0; font-size:1px; line-height:0px;}
.clear_left { clear:left; height:0; font-size:1px; line-height:0px;}
.error { padding:20px; color:#f00}
.thumbnail { position:relative; z-index:0;}
.thumbnail:hover { background-color:transparent; z-index:50;}
.thumbnail span{ /*CSS for enlarged image*/ position:absolute; background:#ffe; padding:3px; width:252px; left:-1000px; border:1px dashed #666; visibility:hidden; color:#000; text-decoration:none; text-align:left;}
.thumbnail span img{ /*CSS for enlarged image*/ border-width:0; padding:2px;}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility:visible; top:-20px; left:20px; /*position where enlarged image should offset horizontally */}

span.warning { font-size:12px; font-style:italic; color:#900}
span.blue { color:#00f}
div.center { margin:10px auto; text-align:center}

