html, body
{
	margin: 0;
	padding: 0;
	height: 100%; /*font-size:100%;*/ /*text-align: center;*/
}


body
{
	background-image: url(../images/baggrund.gif);
}


a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active, a:visited, a:hover /* stops the dashed border on firefox */
{
	outline: none;
}

img
{
	border: 0;
}

div, p, ul, h1, h2, h3, a, img
{
	margin: 0;
	padding: 0;
}

#shell
{
	width: 900px;
	height: 100%;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	top: 0px;
}

#logo
{
	height: 84px;
	width: 900px;
	background: url(../images/logia_topbar_large.jpg) no-repeat;
}

#logo a
{
	display: block;
	height: 84px;
	width: 900px;
}

#imageTopLeftCorner
{
	float: left;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imageTopLeft.png) no-repeat;
}

#imageTopRightCorner
{
	float: right;
	width: 8px;
	height: 8px;
	visibility: hidden;
	background: transparent url(../images/themes/default/corners/imageTopRight.png) no-repeat;
}

#imagebgTopLeftCorner
{
	float: left;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imagebgTopLeft.png) no-repeat;
}

#imagebgTopRightCorner
{
	float: right;
	width: 8px;
	height: 8px;
	background: transparent url(../images/themes/default/corners/imagebgTopRight.png) no-repeat;
}

/******** Main Navigation ********/

#nav
{
	background-position: transparent url(../images/themes/default/topbarPNG.png) no-repeat top;
	display: block;
	clear: both;
	height: 84px;
	background: transparent url(../images/themes/default/topbarPNG.png) no-repeat;
}

#subnav
{
	clear: right;
	text-align: right;
	margin: 0 14px 0px 0;
	background: transparent;
	position: relative;
	top: 76px;
}

#subnav ul
{
	list-style-type: none;
	clear: both;
	font-family: Verdana;
	font-size: 0.75em;
	margin: 0;
	text-transform: uppercase;
}

#subnav li
{
	margin-top: 0px;
	margin-left: 15px;
}

#subnav ul li
{
	display: inline;
}

#subnav ul a
{
	padding-left: 10px;
	color: #164269;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px 0px;
}

#subnav ul a:hover
{
	text-decoration: none;
	color: #b3212b;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px -50px;
}

#subnav ul .selected
{
	color: #b3212b;
	background: transparent url(../images/themes/default/nav/subnav_arrow.gif) no-repeat 0px -50px;
}

#subnav ul .selected:link
{
	font-family: Verdana;
	text-decoration: none;
}

/******** End Main Navigation ********/

/******** Content ********/

#content
{
	z-index: 200;
	position: relative;
	top: -8px;
}

#contentFrame
{
	width: 900px;
	clear: both;
	position: relative;
}

#content.noMainImage
{
	top: 0px;
}

.contentTopImage
{
	float: right;
	display: block;
}

#contentShell
{
	clear: left;
	width: 900px;
	background: #ffffff;
}

#contentShell h3
{
	display: block;
	font-size: 1em;
	font-family: Verdana;
	margin: 0 30px 0 0;
	padding: 20px 10px 15px 18px;
	color: #164269;
	background: #f2f2f2 url(../images/corners/h3_corner_right.gif) no-repeat right bottom;
}

#leftContent
{
	position: static;
	font-family: Verdana;
	float: left;
	width: 260px;
}

#leftContent h4
{
	margin: 18px 0 0 13px;
}

.ListViewText
{
	font-family: verdana;
	font-size: 10px;
	color: black;
}

#rightContent
{
	float: right;
	font-family: Verdana;
	padding: 0 0 30px 0;
	width: 590px;
	color: #4d4d4d;
}

#rightContentLeftPane
{
	padding: 0 20px 40px 0;
	float: left;
	width: 590px;
	min-height: 480px;
}


#rightContentRightPane
{
	float: left;
	width: 300px;
}


#rightContent a
{
	color: #4d4d4d;
}

#rightContent h3
{
	clear: right;
	font-size: 1em;
	margin: 0 0 0 16px;
	padding: 18px 10px 15px 18px;
	color: #164269;
	background: #f2f2f2 url(../images/corners/h3_corner_left.gif) no-repeat left bottom;
}

#rightContent h3.noBG
{
	background: none;
	padding: 0;
	margin: 30px 10px 10px 31px;
	background: transparent;
}

#rightContent h3 .author
{
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
	display: block;
}

#rightContent h4, #leftContent h4
{
	font-size: 1em;
	text-transform: uppercase;
	margin: 21px 0 0 25px;
	padding-right: 30px;
	color: #6AAFC7;
}

#rightContent h4 span, #leftContent h4 span
{
	font-weight: normal;
}

#rightContent p
{
	font-size: 0.75em;
	padding: 0 50px 0 33px;
	margin: 15px 0 5px 0;
}

#rightContent p.indent
{
	padding: 0 50px 0 100px;
}

#rightContent p.column
{
	padding: 0 10px 0 33px;
}

/******** Breadcrumbs ********/

.siteMapPath
{
	background: #e5e6e7;
	display: inline;
	list-style-type: none;
	float: left;
	font-family: Verdana;
	font-size: 0.7em;
	text-transform: none;
	text-align: left;
	padding: 5px 8px 4px 9px;
}

.siteMapPath a
{
	color: #a6a6a6;
}

.siteMapPath a:hover
{
	color: #000000;
	text-decoration: none;
}

#breadCornerLeft
{
	float: left;
	width: 8px;
	height: 23px;
	background: transparent url(../images/themes/default/corners/breadLeft.png) no-repeat;
}

#breadCornerRight
{
	float: left;
	width: 8px;
	height: 23px;
	background: transparent url(../images/themes/default/corners/breadRight.png) no-repeat;
}

/******** End Breadcrumbs ********/

/******** Content Navigation ********/

#leftNav
{
	list-style-type: none;
	padding: 0 8px 0 5px;
	margin: 0;
	font-size: 0.85em;
	font-family: Verdana;
	text-transform: uppercase;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
}

#leftNav li
{
	padding: 9px 0 8px 15px;
	margin: 0;
	display: block;
	background: transparent url(../images/themes/default/nav/leftnav_bg.gif) repeat-x top;
}

#leftNav .topLink
{
	background: transparent;
}

#leftNav a
{
	display: block;
	padding-left: 5px;
	font-family: Verdana;
	font-size: 0.85em;
	color: #164269;
	
}


#leftNav a:hover
{
	color: #164269;
	text-decoration: none;
	
}

#leftNav .selected
{
	font-family: Verdana;
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #164269;
	
}

/******** Content Navigation End ********/

/******** Content Heading ********/


#heading
{
	display: block;
	width: 900px;
}

#heading .headingbar
{
	background-position: #6e8cb6;
	clear: left;
	display: block;
	background: #6e8cb6;
	padding: 5px 0 5px 13px;
}

#heading img
{
	float: left;
}

#heading h1
{
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 0.7em;
	
}

#heading h1 span
{
	font-weight: normal;
}

#headingLeftPng
{
	background: transparent url(../images/corners/slateTopLeft.png) no-repeat;
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingRightPng
{
	background: transparent url(../images/corners/slateTopRight.png) no-repeat;
	float: left;
	width: 8px;
	height: 8px;
	font-size: 1px;
}

#headingTopSpace
{
	float: left;
	width: 884px;
	height: 8px;
	font-size: 1px;
	background: #2d3239;
}

/******** End Content Heading ********/

/******** Related Link ********/

.relatedLinkBG1
{
	background: transparent url(../images/relatedlinks/bg_bot.gif) no-repeat right bottom;
	padding: 0 0 20px 0;
	margin: 10px 0 80px 0;
}

.relatedLinkBG2
{
	background: transparent url(../images/relatedlinks/bg_top.gif) no-repeat right top;
	padding: 8px 0 0 0;
}

.relatedLink
{
	font-family: Arial, san-serif;
	margin: 10px 0 26px 15px;
	background: transparent url(../images/relatedlinks/blue.gif) no-repeat 0px 3px;
}

.relatedLink .top
{
	margin: 11px 0 0 15px;
}

.relatedLink a
{
	margin: 0;
	color: #808080;
}

.relatedLink a:hover
{
	text-decoration: none;
}

.relatedLink h5
{
	margin: 0 0 0 29px;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #6AAFC7;
}

.relatedLink h5 span
{
	display: block;
	font-weight: normal;
}

.relatedLink p
{
	font-size: 0.75em;
	margin: 4px 0 0 26px;
	padding-right: 15px;
	color: #808080;
}

.relatedLink img
{
	margin: 4px 0 0 26px;
}

.relatedLink select
{
	margin: 8px 0 0 26px;
	width: 150px;
}

.relatedLinkOver
{
	background: transparent url(../images/relatedlinks/blue.gif) no-repeat -350px 3px;
}

.relatedLinkOver p
{
	color: #404040;
}


.relatedLinkOver h5
{
	color: #3A7894;
	text-decoration: underline;
	color: #3A7894;
}

.sRelatedLink
{
	float: left;
	display: inline;
	font-family: Arial, san-serif;
	font-size: 0.75em;
	color: #808080;
	margin: 23px 22px 0px 0;
	background: transparent url(../images/relatedlinks/s_blue.gif) no-repeat 0px -2px;
}

.sRelatedLink a
{
	color: #808080;
}

.sRelatedLink a:hover
{
	text-decoration: none;
}

.sRelatedLink h5
{
	display: inline;
	margin: 0 0 0 19px;
	font-size: 1em;
	text-transform: uppercase;
	color: #6AAFC7;
}

.sRelatedLink h5 span
{
	font-weight: normal;
}

.sRelatedLinkOver
{
	background: transparent url(../images/relatedlinks/s_blue.gif) no-repeat 0px -52px;
}

/******** End Related Link ********/

/******** Footer ********/

#footer
{
	clear: left;
	text-align: right;
	padding: 0px 0px 0px 10px;
	display: block;
	background: transparent url(../images/themes/default/bottombar2.gif) no-repeat;
}

#footer ul
{
	list-style-type: none;
	text-transform: uppercase;
	float: left;
	font-family: Verdana;
	font-size: 0.7em;
}

#footer li
{
	margin-right: 16px;
	color: #FFFFFF;
}

#footer ul li
{
	display: inline;
}

#footer a
{
	font-family: Verdana;
	font-size: 0.7em;
	background-position: 0px 0px;
	padding-left: 8px;
	color: #FFFFFF;
}

#footer a:hover
{
	font-family: Verdana;
	font-size: 0.7em;
	text-decoration: none;
	color: #666666;
}

.footerLink
{
	float: right;
	text-transform: uppercase;
	font-family: Verdana;
	font-size: 0.7em;
	padding-left: 8px;
	margin-top: 22px;
	color: #999999;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px 0px;
}

.footerLink:hover
{
	text-decoration: none;
	color: #666666;
	background: transparent url(../images/themes/default/nav/footer_arrow.gif) no-repeat 0px -50px;
}

/******** End Footer ********/


/******** Tools ********/

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

.clearfix
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */


.clr
{
	clear: both;
}

.hidden
{
	display: none;
}

.block
{
	display: block;
}

.dotbrdtop
{
	background: url(../images/dottedbrd.gif) repeat-x;
}

/* Header replacement e.g. <h1 class="replace" id="myh1" >Heading<span></span></h1> */
.replace2
{
	position: relative; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
}

.replace
{
	text-indent: -9000px;
}

/******** End Tools ********/

/**************Added by JHS deals with catalog lists************/

.contentHeading /*Use this class to all content page headers*/
{
	display: block;
	width: 400px;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #f2f2f2;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 0.85em;
	font-weight: bold;
	padding: 9px 9px 9px 9px;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
}

.contentHeadingFrontPage /*Use this class to all content page headers*/
{
	display: block;
	width: 400px;
	margin-top: 20px;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 1.3em;
	font-weight: bold;
}

.catalogHeading /*Use this class to all catalog page headers i.e products pages*/
{
	display: block;
	width: 400px;
	background-color: #f2f2f2;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 9px;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
}

.catalogSubcategoryHeading /*Use this class to all catalog page headers i.e products pages*/
{
	width: 400px;
	background-color: #f2f2f2;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 9px;
	background: #f2f2f2 url(../images/themes/default/nav/leftnav_corner.gif) no-repeat right bottom;
}

.catalogHeadingWhite /*Use this class to all catalog page headers i.e products pages*/
{
	display: block;
	width: 400px;
	background-color: #f2f2f2;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 9px;
	background: #ffffff;
}

.itemCell
{
	background: transparent url(../images/themes/default/nav/catalogItems_bg.GIF) repeat-x top;
	padding: 0 0 0 5px;
}
.formCell
{
	padding: 0 0 0 9px;
	font-family: Verdana;
	font-size: 12px;
	color: #164269;
}

.formFieldClass
{
	padding: 0 0 3px 9px;
	font-family: Verdana;
	font-size: 12px;
}

.basket
{
	font-family: Verdana, sans-serif;
	font-size: 0.8em;	
	color: #000000;
}
.basketHeading /*Use this class to all catalog page headers i.e products pages*/
{
	display: block;
	width: 300px;
	background-color: #f2f2f2;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 9px;
	background: #f2f2f2 url(../images/themes/default/nav/gray_square.gif) no-repeat right bottom;
}
.breadText
{
	font-family: Verdana;
	font-size: 12px;
	color: #164269;
}

.basketTotal
{
	border-top: solid 1px #2d3239;
	border-bottom: solid 1px #2d3239;
	background: #f2f2f2;
	white-space: nowrap;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.basketBottom
{
	background: #164269;
	border-top: solid 3px #ffffff;
	white-space: nowrap;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

.basketBottom a:Hover
{
	text-decoration: none;
}

.infoBox /* Temporary code. While introducing Corda2 to the market a little information box goes out on the page when Corda2 ljudslang is the selected category*/
{
	width: 99%;
	background-color: #ffffff;
	color: #164269;
	text-transform: none;
	font-family: Verdana;
	font-size: 13px;
	letter-spacing: 0.5px;
	padding: 50px 0 0 0;
	float: right;
	border: solid 0§px #000000;
}