﻿/* debug temp style */
#loginboxpopup {display:none;}

/* basic style settings */
html,body {margin:0px;padding:0px;}

body { background: url(../images/bg_body.png) repeat-x; background-color: #ededed;}
body { font-family:Arial; font-size:11px;color:#6c6b6b; }

input, textarea {font-family: Arial; font-size: 13px;}

h1,h2,h3,h4,h5,form,div,object {margin:0px;padding:0px;}
h1 {font-size:13px;}
.frontpageh1 {position: absolute; margin-left:999999px}
h2 {font-size:13px;}
h3 {font-size:100%;}
a:hover {}
.fixedTop 		{ height:102px;}
.fixedBelowTop 	{ top:102px;bottom:0px}

.onTop {z-index:1;}
.notextdecoration {text-decoration:none;}
.clear { clear:both;height:1px;overflow:hidden;}
.left {float:left;}
.right {float:right;}
.bottomleft {position:absolute; bottom:0px; left:0px;}
.bottomright {position:absolute; bottom:0px; right:0px;}

.locked {background: transparent url(/images/key.png) no-repeat scroll right; padding:0 0 0 3px;}
a.iconlink {width:100%;height:100%;position:absolute; top:0px; left:0px;display:block;}
span.arrowlink {width:15px;height:17px;float:left; background: transparent url(/images/linkpil_bgwhite.gif) no-repeat scroll 50%;}
#childareas a.bluelink,
#rightsidespots a.bluelink {text-decoration:none;color:#1c70b5;}

#childareas a.bluelink:hover,
#rightsidespots a.bluelink:hover {text-decoration:underline;color:#134e7f;}

a.arrowlink {padding-left:15px;display:block;color:#6c6b6b;text-decoration:none;}



.bluegradientContent a.arrowlink {color:#6c6b6b;}
.bluegradientContent a.arrowlink:active,
.bluegradientContent a.arrowlink:visited {color:#6c6b6b;}

.bluegradientContent .linkblock a {color:#6c6b6b;}
.bluegradientContent .linkblock a:active,
.bluegradientContent .linkblock a:visited {color:#6c6b6b;}

.bluegradientContent .spottext a		 {color:#6c6b6b;}
.bluegradientContent .spottext a:active	 {color:#6c6b6b;}
.bluegradientContent .spottext a:visited {color:#6c6b6b;}




ul.ListOfLinks {margin:0px;padding:0px 10px 15px;list-style:none;}
ul.ListOfLinks li {margin:0px;padding:0px;list-style:none;}
ul.ListOfLinks li a {display:block;padding-left:15px; background:transparent url(../images/linkpil_bgwhite.gif) no-repeat 5px 50%;text-decoration:none;} 
a.arrowblocklink {display:block;padding-left:15px; background:transparent url(../images/linkpil_bgwhite.gif) no-repeat 5px 50%;text-decoration:none;}
#childareas dl dt {margin:10px 0px 0px 0px;}
#print-logo {display: none;}
/******************************************
 the top section elements and classes 
******************************************/
#topsection { margin-left:15px;width:970px; background: url(../images/bg_topheader2.png) no-repeat; position: relative;}
#topsection #toFrontPage {position:absolute; top:8px; left:8px; width:210px; height:50px;display:block;border:none;}
#toFrontPage {color:#6c6b6b;}
/* login css */
#logininfo {height:50px;position:absolute;top:5px;right:100px;width:150px;color:#fff;}
.loginbuttalterna {text-decoration:none; color:#fff;}
.loginbuttalspan  {width:60px; height:15px; text-align:left; border:0px; padding:0px 8px; display:block; background:url(/images/serviceshop/icons/search.gif) no-repeat 0 0}

#topsection .smallLogin,
#topsection .smallLogout {display:block; width:111px; height:47px; float:right; cursor:pointer; text-decoration:none;}
#topsection .smallLogin span,
#topsection .smallLogout span {color:#fff; font-size:14px; font-weight:bold; line-height:26px; padding:0 20px; cursor:pointer;}

#topsection .smallLogin  {background:url(/images/login.png) no-repeat 0 0;}
#topsection .smallLogout {background:url(/images/logout.png) no-repeat 0 0;}


/* bannermenu */
#bannermenu {position:absolute;margin:0px 2px; padding:0px; left:470px;top:5px;}
#bannermenu ul {margin:0px;padding:0px;list-style:none;display:inline;}
#bannermenu ul li {margin:0px;padding:0px;list-style:none;display:inline;}
#bannermenu ul li.devider {color: #fff;}
#bannermenu ul li a { padding: 3px;text-decoration:none;vertical-align:middle;color: #fff;}

/* topmenu */
#topmenu {bottom:0px; left:0px;position:absolute; height:36px; width:100%; background: url(/images/bg_topmenu.png) no-repeat; display: block; padding-left:6px; font-size:13px;font-weight:bold;}
#topmenu ul {margin:0px; padding:0px; list-style:none; display:block;}
#topmenu ul li {margin:0px; padding:10px 0px 8px 0px; list-style:none; display:block; float:left; }
#topmenu ul li .devider {background: url(../images/splitter_topmenu.png) no-repeat scroll 0px;padding:0px 0px;display:block;float:left;} 

#topmenu ul li a {display:block;text-decoration:none;}
#topmenu ul li a span { margin:0px; padding: 0px 10px 0px 10px;color:#fff;display:block; border-right:1px solid #b0c888; }

#topmenu ul li.hover {border-bottom:2px solid #fff;}
#topmenu ul li.hover a span {color:#fff;}

#topmenu ul li.selected {border-bottom:0px solid #da5d61; }
#topmenu ul li.selected a span {color:#555;}
/*
#topmenu ul li a.selected span,
#topmenu ul li a:hover span,
#topmenu ul li a.hover span { margin:0px 0px 0px 5px; padding:5px 3px 0px 3px; background-color:#bddb68;display:block;position:relative;top:-5px;left:0px;color:#555;}
*/
#topmenu #topmenusearch {position:absolute;width:160px;right:20px; top:7px; z-index:1;line-height:25px;}
#topmenu #topmenusearch input {width:125px}
#topmenu #topmenusearch .searchbutton {position:absolute; width:23px;height:23px; top:0px; right:0px; }
/******************************************
 the middle section elements and classes 
******************************************/
.defaultpage {width:1001px;position:relative;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px;background: url(/images/bg_contentsection2.png) repeat-y;}
.dashline {background:url(/images/dash-line.png) no-repeat;height:1px;line-height:1px;overflow:hidden}
.dashline176 {background:url(/images/dash-line176x1.png) no-repeat;height:1px;line-height:1px;overflow:hidden;width:176px;}
.dashline182 {background:url(/images/dash-line182x1.png) no-repeat;height:1px;line-height:1px;overflow:hidden;width:182px;}
#frontpage-rowdevider {clear:both;height:1px;width:950px;margin-top:9px;margin-bottom:10px;margin-left:10px;height:1px;}

#content { width:970px; background: #fff url(/images/bg_page.png) repeat-x scroll 0px 0px; overflow: hidden; position:relative; padding:0px; }
#content .ContentRow {clear:both;margin:5px;overflow:auto;}
#content .LeftColumn {float:left;margin:0px;overflow:auto;}
#content .RightColumn {float:right;margin:0px;overflow:auto;}
/*  a columns content is 182px wide
   space between columns is 10px
   for width purposes we calculate 5px margin on each side
   
*/
/* the width of column's  */
.Column1Wide {float:left; width:192px;} /* 5+182+5 =192 */
.Column2Wide {float:left; width:382px;}/* 5+1x10+2x182+5 = 382 */
.Column3Wide {float:left; width:576px; }/* 5+2x10+3x182+5 = 5+20+546+5 = 576 */
.Column4Wide {float:left; width:768px;} /* 5+3x10+4x182+5 = 5+30+728+5 = 768 */
.Column5Wide {float:left; width:970px;} /* 5+4x10+5x182+5 = 5+40+910+5 = 970 */

.Column1Wide #childareas {width:152px; overflow:hidden;  min-height:300px;} 
.Column2Wide #childareas {width:342px;overflow:hidden;  min-height:300px;}/* 5+1x10+2x182+5 = 382 */
.Column3Wide #childareas {width:536px; overflow:hidden;  min-height:300px;}/* 5+2x10+3x182+5 = 5+20+546+5 = 576 */
.Column4Wide #childareas {width:728px;overflow:hidden;  min-height:300px;} /* 5+3x10+4x182+5 = 5+30+728+5 = 768 */
.Column5Wide #childareas {width:930px;overflow:hidden;  min-height:300px;} /* 5+4x10+5x182+5 = 5+40+910+5 = 970 */


/******************************************
FRONTPAGE
******************************************/


#content #brandingarea						{ width:758px; margin:5px; height:200px; overflow:hidden;}

#content #brandingarea .brandingareafader	{ float:left; height:200px; margin-right:5px;}

#content #brandingarea #fadeimgL			{ width:758px; overflow:hidden; }
#content #brandingarea #fadeimgS			{ width:566px; overflow:hidden;}

#content #campaignarea						{ float:left; margin-left:5px; width:182px; height:200px; }
#content #campaignarea img					{ border:none; }
#content #campaignarea object				{ margin:0;padding:0; }

#content .brandingbox {position:absolute;top:20px;left:20px;width:239px;height:163px;background:url(../images/bg_brandingbox.png);text-decoration:none;color:#fff;}

#content .brandingboxtext {position:relative; margin:11px;}
#content .brandingboxtext h2 {font-size:18px;color:#fff;text-decoration:none;}
#content .brandingboxlinktext {position:absolute; bottom:0px; margin:11px;font-size:11px;color:#fff;text-decoration:none;}

#content #frontpagecalendar
{
	margin:5px;
	width:182px;
}

#content #frontfreetexttop
{
	margin:5px;
	width:182px;
}

#content #frontfreetextbottom,
#content #frontmagazines,
#content #frontspot
{
	margin:5px;
	width:182px;
	height:213px;
	overflow:hidden;
}
#content #frontmagazines 
{
	background:#fff;
}
#content #frontmagazines .magazinecontainer 
{
	margin-left:-4px;
	margin-right:-4px;
	overflow:hidden;
	
}
#content #frontmagazines .magazine
{ float:left;width:81px;margin:2px;}

#content #frontpagenews
{
	margin:5px;
	width:374px;
	height:213px;
	overflow:hidden;
}
#content #frontpagenews .newsitem { margin-bottom:10px;color:#6c6b6b;}
#content #frontpagenews .newsitem h3 {font-weight:normal;margin-top:10px;font-size:12px;}
#content #frontpagenews .newsitem h3 a {text-decoration:none;color:#131313;}
#content #frontfreetextbottom .bluegradientContent {height:172px;}
#content #newslist .newsitem { margin-bottom:10px; padding-left:10px; color:#6c6b6b;}
#content #newslist .newsitem h2 {font-weight:bold;margin-top:10px;font-size:12px;}
#content #newslist .newsitem h2 a {text-decoration:none;color:#6C6B6B;}
#content .tofromselector {margin-bottom:10px;}
#content .tofromselector span {margin-left:5px;padding:2px 5px;}
#content .tfselectorfilterbutt	{height:22px;}
#content .tofromselector select{height:21px;}

/******************************************
 the bottom section elements and classes 
/******************************************/
#rightsidespots {margin-top:10px;margin-right:10px; }
#rightsidespots .spot {margin-bottom:10px;background-color:transparent;}

#bottomsection {margin-left:15px;width:970px;background-color:#fff;}
#breadcrumb {background-color:#c3c4c5;padding: 5px 0 0 12px;}
#breadcrumb a {text-decoration:underline; color:#6c6b6b;}
#breadcrumb a:hover {text-decoration:underline; }

#articleheading {padding:10px;font-size:13px;font-weight:bold;}
#articlecontent {margin:0px 10px; overflow:hidden;}
#articlecontent h2	{margin:0px;padding:0; color:#555555;}
#articlecontent p	{margin:0px;padding:0;}

.articleimage {padding:4px;border: 1px solid #d0d1d3;}
.articleimagetext {padding:5px;color:#8f9092;}
.imgTopLeft {float:left;margin-right:10px;margin-bottom:10px;}
.imgTopRight {float:right;margin-left:10px;margin-bottom:10px;}
.imgTop {margin-bottom:10px;}
.imgBottom {margin-top:10px;}
/*#logo {float:left;background-color:red;width:140px;height:80px;margin:5px;}

*/
/******************************************
FOOTER
******************************************/
.lastedited {clear:both; margin:0px;padding:0px 0px 0px 20px;}
#footer {height:22px;margin-left:auto;margin-right:auto;width:1001px; background: url(../images/bg_footer.png) no-repeat}
#footertext {height:20px; padding-left:25px;padding-top:2px;color:#fff;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/******************************************
SUBMENU / SIDEMENU
******************************************/
#submenuarea {vertical-align:top;width:202px; float:left; padding-left:0px; margin-top:10px;}

ul#submenu				{padding:0; margin:0 0 0 10px; width:192px;}
ul#submenu li a			{text-decoration:none; border-bottom:1px dashed #bcbdc0; padding:4px 0px 4px 10px; color:#6c6b6b;  display:block;}
ul#submenu li a:hover	{color:#fff;}




ul#submenu ul			{padding:0; margin:0px 0; display:inline;}
ul#submenu ul ul		{padding:0; margin:0px;}
ul#submenu ul ul ul		{padding:0; margin:0px;}
ul#submenu li			{margin:0px; list-style:none;  padding:0px 10px 0 10px; background-color:#bddb68;  }
ul#submenu li.selected a  {font-weight:bold; background: #bddb68 url(/images/linkpil_bggreen.gif) no-repeat 0% 9px; padding:4px 0px 4px 10px;}
ul#submenu ul li.selected a  {font-weight:bold; background: #fff url(/images/linkpil_bgwhite.gif) no-repeat 0% 9px; padding:4px 0px 4px 10px;}
ul#submenu ul li 		{padding:0px; margin:0px; background-color:#fff;   }
ul#submenu ul li li		{padding:0px; margin:0px;}
ul#submenu ul li li li	{padding:0; margin:0px;}

ul#submenu .nextlevelmenu {padding:0; margin:5px 0; background-color:#fff; display:block; } 

ul#submenu .nextlevelmenu li {padding:0 10px 0 10px; margin:0px; background-color:#fff;  }
ul#submenu .nextlevelmenu li a {padding:4px 10px 4px 10px; margin:0px; background-color:#fff; display:block;}
ul#submenu .nextlevelmenu li a:hover {color:#555;}
ul#submenu .nextlevelmenu .nextlevelmenu {padding:0; margin:0px 0; background-color:#fff; display:block; } 

ul#submenu .nextlevelmenu .nextlevelmenu li {padding:0 10px 0 10px; margin:0px; background-color:#fff;  display:block;}
ul#submenu .nextlevelmenu .nextlevelmenu li.selected a {background: #fff url(/images/linkpil_bgwhite.gif) no-repeat 8px 9px; display:block;}
ul#submenu .nextlevelmenu .nextlevelmenu li a {padding:4px 0 4px 20px; margin:0px; background-color:#fff; display:block;}

ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li {padding:0 0px 0 0px; margin:0px; background-color:#fff;  display:block;}
ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li.selected a {background: #fff url(/images/linkpil_bgwhite.gif) no-repeat 20px 9px; display:block;}
ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li a {padding:4px 0 4px 30px; margin:0px; background-color:#fff; display:block;}

ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li {padding:0 0px 0 0px; margin:0px; background-color:#fff; display:block; }
ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li.selected a {background: #fff url(/images/linkpil_bgwhite.gif) no-repeat 30px 9px; display:block;}
ul#submenu .nextlevelmenu .nextlevelmenu .nextlevelmenu .nextlevelmenu li a {padding:4px 0 4px 40px; margin:0px; background-color:#fff; display:block;}

ul#submenu .nextlevelmenu .notselectedlast {padding-bottom:5px;}

#submenuarea #watermarks {height:110px;width:192px;margin:0px 0px 10px 10px;background-color:#bddb68; overflow:hidden;position:relative}
#submenuarea #watermarks #elwatermark{position:absolute;height:110px;background:url(/images/watermarks/el_watermark.png) no-repeat;right:-15px; width:110px;}
#submenuarea #watermarks #vvswatermark{position:absolute;height:110px;background:url(/images/watermarks/vvs_watermark.png) no-repeat;left:-15px;width:115px;}


/******************************************
MEDLEMSPORTALEN (Section)
******************************************/
#childareas {margin:10px;padding:10px 10px 30px 10px;background-color:#fff;position:relative;}
#childareas #print {float:right; height:18px; width:19px; background:transparent url(/images/printer.png) no-repeat top right;}
#childareas .title {font-size:18px;margin:10px 10px 10px 10px;}
#childareas .content_block {margin:0px 10px; overflow:hidden;}
#childareas #sectiontext {margin:0px;clear:both;}
#childareas .subpageSection {float:left;border:1px solid #eee;width:220px;height:auto/*172px*/;margin:10px;position:relative;background:transparent url(/images/bg_section218x59.png) repeat-x bottom left }
#childareas .subpageWideSection {float:left;border:1px solid #eee;width:345px;height:auto;margin:10px;position:relative;background:transparent url(/images/bg_section345x59.png) no-repeat bottom left}
#childareas .subpageWideSectionContainer {float:left;width:347px;}

#childareas .subpageSectionTitleArea {position:relative; top:-6px;left:15px;}
#childareas .subpageSectionTitle {position:absolute;height:63px;width:96px; background:transparent url(../images/bg_sectionsubpage.png) no-repeat;padding:5px;}
#childareas .subpageSectionTitle h2 {color:#fff;}
#childareas h2.subpageSectionTitle {font-size:12px;font-weight:normal;color:#fff;position:absolute;height:63px;width:96px;background:transparent url(../images/bg_sectionsubpage.png) no-repeat;padding:5px;}
#childareas .subpageSectionTitle a {font-size:12px;text-decoration:none;color:#fff;font-weight:normal;}
#childareas .subpageSectionTitle a:hover {font-weight:bold;}
#childareas .subpageSection .subpageSectionImageArea {width:204px;height:95px;margin:8px;overflow:hidden;}
#childareas .subpageWideSection .subpageSectionImageArea {width:325px;height:95px;margin:10px;overflow:hidden;}
#childareas .subpageWideSection .subpageSectionImageText {margin:0px 15px;}
#childareas a {color:#6c6b6b;}
#childareas a:hover {color:#2c2c2c;text-decoration:underline;}

#childareas .magazineSection {clear:both;margin:10px;}
#childareas .magazineSection .magazineText {float:left;margin:5px;padding:5px 0px;}
#childareas .magazineSection .magazine {float:left;margin:5px;}
#childareas .addressblock{float:left; margin:10px;}
#childareas .htmlblock {margin:10px 15px;position:relative;}
#childareas .htmlblock .bottom {position:absolute;bottom:0px;}
#childareas .smallblock .linkblock {float:left;width:175px;}
#childareas .smallblock .buttonblock {float:left;margin-left:15px;width:125px;}
.linkblock {margin-bottom:5px;}
.linkblock a {color:#6c6b6b;display:block; padding-left:15px; line-height:13px;background:transparent url(/images/linkpil_bgwhite.gif) no-repeat 4px 4px;text-decoration:none;}
.linkblock a:active {color:#6c6b6b;}
.linkblock a:visited {color:#6c6b6b;}

#childareas #contactform {margin:10px;}
#childareas #contactform .contactformpart {margin:5px;}
#childareas #contactform .contactinput {width:170px;}
#childareas #contactform .contactselect {width:174px;}
#childareas #contactform .contactinputarea {width:100%;height:70px;}

/****************************************** 
NYHEDER
******************************************/
#newsSection {margin:0px;padding: 10px ;background:#fff url(/images/bg_section532x59.png) no-repeat bottom left;border:1px solid #eee;}
#newsSection .subpageSectionTitleArea {position:relative; top:-16px;left:15px;}

.newsSectionImageArea {width:516px;height:95px;margin:0px;} 
#newsSection h1 {color:#fff;font-weight:normal;}
#childareas .top3 { float:left; margin:10px; width:236px; }
#childareas .newsitem h3 {font-weight:normal;margin-top:10px;font-size:12px;}
#childareas .newsitem h3 a {text-decoration:none;color:#131313; font-weight:normal;}
#childareas .newsitem h3 a:hover {text-decoration:underline;}

/******************************************
STOCK ELEMENT CLASSES 
******************************************/
/* bluegradient */
.bluegradientElement	{width:182px; overflow:hidden; height:auto;background-color:transparent;} /*#d6d7d8;*/ 
.bluegradientTitle		{color:#fff; font-size:13px; font-weight:bold; background:transparent url(/images/bg_spot-182x29-blue.png) no-repeat; padding:0px; width:182px; height:29px; overflow:hidden;}
.bluegradientTitleText	{margin:7px 2px 4px 10px; float:left;}
.bluegradientContent	{padding:5px 10px;background-color:#fff}
.spots .bluegradientContent,
#rightsidespots .bluegradientContent	{margin:0px;padding:0px;background-color:#fff;}
.spots .bluegradientContent .spottext,
#rightsidespots .bluegradientContent .spottext {margin:0px 5px; zoom:1; padding:5px;}
.bluegradientIconLeft	{width:25px; height:25px; float:left; margin:2px;position:relative;}
.bluegradientIconRight	{width:25px;height:25px;overflow:hidden; float:right; margin:2px;position:relative;}
.Arrow {background-color:Red;}
/* greengradient */
.greengradientElement	{width:374px; overflow:hidden; height:auto;} 
.greengradientTitle		{color:#fff; font-size:13px; font-weight:bold; background:transparent url(/images/bg_newsheading374x29-green.png) no-repeat; padding:0px; width:374px; height:29px; overflow:hidden;}
.greengradientTitleText	{margin:7px 2px 4px 10px; float:left;}
.greengradientTitleLink	{margin:7px 10px; float:right;color:#fff;}
.greengradientTitleLink a,
.greengradientTitleLink a:active,
.greengradientTitleLink a:visited {color:#fff;}
.greengradientContent	{margin:10px;}

.greengradientIconLeft	{width:25px; height:25px; float:left; margin:2px;}
.greengradientIconRight	{width:25px;height:25px;overflow:hidden; float:right; margin:2px;}
.Arrow {background:url(/images/icons/arrow_dr23x23.png) no-repeat;}
.newsicon {background:url(/images/icons/news23x23.png) no-repeat;}

/* spot specials*/
#rightsidespots .htmlblock {padding:5px 10px;position:relative;}

/* search result */
#resultbottom a {color:#6c6b6b;margin:0px 3px; /*text-decoration:none*/}
#resultlist dd { margin-left: 0}
#resultlist .mime {margin-left: 10px;}

/******************************************
SHOP STYLING
******************************************/

#serviceshop .searchfield						{ border:1px solid #666; padding:0;margin:0;}
#serviceshop .sssearchbutton					{ background:url(/images/serviceshop/icons/search.gif) no-repeat 0px 5px; border:0; height:23px;font-size:11px; color:#fff; padding:0 0 0px 3px; margin:0; width:71px; float:none; text-align:left;}
#serviceshop #childareas						{ }

#serviceshop .dotted							{ background:url(/images/serviceshop/shopline.gif) repeat-x left bottom;}
#serviceshop #shop-help-spot li					{ list-style:none; }

#serviceshop #shop-help-spot li.icon-word		{}
#serviceshop #shop-help-spot li.icon-excel		{}
#serviceshop #shop-help-spot li.icon-pdf		{}
#serviceshop #shop-help-spot li.icon-picture	{}

#serviceshop h1						{margin:10px 0; font-size:18px; }
#serviceshop h5						{margin:10px 5px; font-size:12px; }
#serviceshop .productlist 			{}

#serviceshop .productlist .key		{padding:7px 3px 0 0; text-align:left; width:20px;}
#serviceshop .productlist .varenr	{width:50px;}

#serviceshop .productlist th,
#serviceshop .productlist td			{padding:3px 5px; text-align:left; border-left:1px solid #fff; vertical-align:top;}
#serviceshop .productlist tr td			{background:#eee;}
#serviceshop .productlist tr.Odd td		{background:#fff;}

#serviceshop .productlist td.ssprice {border-left:0;text-align:right;}
#serviceshop .productlist .ssbuyicon	{margin-top:1px;}

/*Product order list*/
#serviceshop #productorderlist				{width:100%;}
#serviceshop #productorderlist input		{border:1px solid #666;}
#serviceshop #productorderlist th,
#serviceshop #productorderlist td			{padding:3px 5px; text-align:left; border-left:1px solid #fff; vertical-align:top;}
#serviceshop #productorderlist .productitem td			{ }

#serviceshop #productorderlist .totalamount	{font-weight:bold; text-align:left;padding:3px 5px; }
#serviceshop #productorderlist .dotted		{ background:url(/images/serviceshop/shopline.gif) repeat-x left bottom;}
#serviceshop #productorderlist .dottedtop		{ background:url(/images/serviceshop/shopline.gif) repeat-x left top;}

#serviceshop #productorderlist .step		{ text-align:center; font-weight:bold;}
#serviceshop #productorderlist .refresh		{text-align:right; padding:5px 0; font-weight:bold;}
#serviceshop #productorderlist .refreshbutton { background:url(/images/serviceshop/icons/refresh.gif) no-repeat right 2px; padding:3px 20px 3px 0;}

#serviceshop #productorderlist .stepback	{text-align:left;}
#serviceshop #productorderlist .stepforward	{text-align:right;}

/*Product order confirmation list*/
#serviceshop #productorderlistcomf				{width:100%;}
#serviceshop #productorderlistcomf input		{border:1px solid #666;}
#serviceshop #productorderlistcomf th,
#serviceshop #productorderlistcomf td			{padding:3px 5px; text-align:left; border-left:1px solid #fff; vertical-align:top;}

#serviceshop #productorderlistcomf .productitem td			{ background:#eee;}

#serviceshop #productorderlistcomf .totalamount	{font-weight:bold; text-align:left;padding:3px 5px; }
#serviceshop #productorderlistcomf .dotted		{ background:url(/images/serviceshop/shopline.gif) repeat-x left bottom;}
#serviceshop #productorderlistcomf .dottedtop		{ background:url(/images/serviceshop/shopline.gif) repeat-x left top;}

#serviceshop #productorderlistcomf .step		{ text-align:center; font-weight:bold;}
#serviceshop #productorderlistcomf .refresh		{text-align:right; padding:5px 0; font-weight:bold;}
#serviceshop #productorderlistcomf .refreshbutton { background:url(/images/serviceshop/icons/refresh.gif) no-repeat right 2px; padding:3px 20px 3px 0;}

#serviceshop #productorderlistcomf .stepback	{text-align:left;}

#serviceshop .order-detailscomf{padding:0 7px;}
#serviceshop .order-detailscomf span{display:block;}
#serviceshop #productorderlistcomf .stepforward	{text-align:right;}


#serviceshop .error					{color:red;}
#serviceshop .order-details			{padding:0px;}
#serviceshop .order-details	 input	{/*border:1px solid #6c6b6b;*/}
#serviceshop .order-details	#samesame		{border:none;}
#serviceshop .order-details	 legend							{font-weight:bold; padding:0; margin:0;}
#serviceshop .order-details	.left-address 					{width:324px;  float:left;border-right:1px dotted #6c6b6b;padding:0  0 15px 0px; }
#serviceshop .order-details	.right-address 					{float:left;padding:0  0 15px 30px;}
#serviceshop .order-details	.left-address input,
#serviceshop .order-details	.right-address input					{border:1px solid #666; }
#serviceshop .order-details	.left-address .otherDeliveryadd	input	{border:0px; }
#serviceshop .order-details	.left-address fieldset,
#serviceshop .order-details	.right-address fieldset			{border:none; padding:0; margin:0;}
#serviceshop .order-details	.left-address fieldset label,
#serviceshop .order-details	.right-address fieldset label	{display:block; padding:0; margin:0;}

#serviceshop .order-details	.req-fields					{font-size:10px;padding:0px 0 10px 0;}

#serviceshop .order-details	.serviceshop-order-toolbar		{display:block; clear:both; border-top:1px dotted #6c6b6b; margin-top:15px;}

#serviceshop .order-details	.serviceshop-order-toolbar .serviceshop-button	{font-weight:bold; text-decoration:underline; color:#6c6b6b; margin-top:10px;}
#serviceshop .order-details	.serviceshop-order-toolbar .forward-button	{float:right; }
#serviceshop .order-details	.serviceshop-order-toolbar .back-button		{float:left; }

.helpspot {margin-top:10px;}

#shop-help-spot { margin:0;padding:0; }
#shop-help-spot li { list-style:none; padding:3px 0 3px 22px }
			
#shop-help-spot li.icon-word { background:url(/images/serviceshop/icons/word.gif) no-repeat 0px 4px;}
#shop-help-spot li.icon-excel { background:url(/images/serviceshop/icons/excel.gif) no-repeat 0px 4px;}
#shop-help-spot li.icon-pdf { background:url(/images/serviceshop/icons/pdf.gif) no-repeat 0px 4px;}
#shop-help-spot li.icon-picture { background:url(/images/serviceshop/icons/picture.gif) no-repeat 0px 4px;}
	
#shop-help-spot .downloadpdf a {color:#6c6b6b;}


/******************************************
EVENT STYLING
******************************************/
#eventcalendar .eventlist th,
#eventcalendar .eventlist td			{ padding:3px 5px; text-align:left; border-left:1px solid #fff; vertical-align:top;}
#eventcalendar .eventlist tr td			{ background:#eee;}
#eventcalendar .eventlist tr.Odd td		{ background:#fff;}

#eventcalendar .eventlist .date-fixsize	{ width:68px;}

#eventcalendar .eventlist .signupbutt	{ text-align:right;}
#eventcalendar .eventlist a				{ color:#1c70b5;}

#eventcalendar a.backteventlist			{display:block; padding:10px 0;}

#eventcalendar h1,
#eventcalendar h1 span					  { font-size:18px; }

.spot .eventspot .bluegradientContent div { padding:10px; }

.spot .eventspot span					{ display:block; padding:0 0 5px 0; border-top:1px dashed #BCBDC0;}
.spot .eventspot .eventspotbutt			{ margin:5px 0;}

#eventcalendar label					{ display:block;}
#eventcalendar fieldset					{ border:none; margin:0; padding:0;}
#eventcalendar fieldset div				{ margin:10px 0; padding:3px 6px; font-size:11px; font-weight:bold; background:#eee; display:block; }


#eventcalendar .eventsubmitbutt			{ clear:both; display:block; float:right;}

#eventcalendar .errormsg				{ color:Red;}

#eventcalendar fieldset input,
#eventcalendar fieldset label,
#eventcalendar fieldset span,
#eventcalendar fieldset p			{ margin-left:6px; }

#eventcalendar fieldset.eventconfirmation label {font-weight:bold;}

/******************************************
Department Styles
******************************************/

.departmentinfoarea dd {padding:0;margin:0;}
.departmentinfoarea a h3 {font-weight:bold; color:#6C6B6B; }


/******************************************
Sitemap Styles
******************************************/
#sitemapoverview a			{color:#6c6b6b; font-weight:bold;}
#sitemapoverview a:hover	{color:#6c6b6b; font-weight:bold;}
#sitemapoverview a:visited	{color:#6c6b6b; font-weight:bold;}

/******************************************
Subsite Styles
******************************************/
#SubSiteHeader .headerbg		{ display: block; width: 556px; height: 56px; overflow: hidden; background:url(/images/subsite_head.gif); position:absolute; top:45px; left:212px}
#SubSiteHeader .headerbg img	{ margin: 7px 3px 4px 3px; }
#SubSiteHeader span				{ font-size: 16px !Important;position:absolute; top:17px; font-weight: bold; padding:0 0 0 20px; color: #FFF; }
#SubSiteHeader .tekniqindex		{ position: absolute; right: 40px; top: 73px; text-decoration: none; color: #fff;}

/******************************************
Membersearch styles
******************************************/
#SearchResultFeedBack {font-weight:bold; font-size: larger; color: red;}
/*asdf*/
