body
{
	background-color: #DDDDDD;
	padding: 0px 0;
	margin: 0px;
	font-family: Verdana;
	font-size: 80%;
}

h3, .h3
{
	font-size: 1.5em%;
	font-weight: bold;
}

h4, .h4
{
	font-size: 1.33em;
	font-weight: bold;
	margin: 0px 4px 21px;
}
h5, .h5
{
	font-size: 1.1em;
	font-weight: bold;
}

p
{
}

a
{
	text-decoration: none;
}

#root
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	/*padding-right: 20px; /* TEMPORARY */
	margin-top: 20px;
	margin-bottom: 32px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 10px;
	background-color: #FFF;
}

#header
{
	height: 83px;
	width: 100%;
	position: relative;
	border-left: 10px solid #DDD;
	border-right: 10px solid #DDD;
	margin-left: -10px;
	z-index: 100;
}

#header .headerBackground
{
	width: 100%;
	height: 83px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header .headerLogo
{
	margin-left: 13px;
	margin-top: 21px;
	display: block;
	position: relative;
	float: left;
	border: 0;
}

#header .headerMenu
{
	float: right;
	margin-right: 1px;
	position: relative;
	font-size: 12px;
}

#header .headerMenu a
{
	display: block;
	float: left;
	padding-left: 10px;
	padding-right: 9px;
	padding-top: 6px;
	height: 25px;
	background-image: url('/images/vr_dotted_25.gif');
	background-position: left | top;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}

#header .headerMenu a:first-child
{
	background-image: none;
}

#header .headerSearch
{
	float: right;
	margin-right: 13px;
	margin-top: 7px;
	position: relative;
	font-size: 90%;
	clear: right;
}

#header .headerSearch img
{
	margin-right: 8px;
	float: left;
}

#header .headerSearch form
{
	float: left;
}

#header .headerSearch input[type=text]
{
	border: 1px #000 solid;
	width: 145px;
	padding-left: 3px;
	float: left;
	margin-right: 5px;
	margin-top: 14px;
	font-family: Tahoma;
	font-size: inherit;
}

#header .headerSearch input[type=image]
{
	float: left;
	margin-top: 12px;
}

#navBar
{
	width: 100%;
	position: absolute;
	top: 83px;
	left: 0px;
	font-size: 13px;
	z-index: 100;
}

#navBar ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navBar ul li
{
	display: block;
	float: left;
	background-color: #FFF;
	font-family: Tahoma;
	font-weight: bold;
	border: 1px #000 solid;
	border-left: none;
	padding-left: 8px;
	padding-right: 8px;
	position: relative;
}

#navBar ul li:first-child
{
	border-left: 1px #000 solid;
}

#navBar ul li div.listen,
#navBar ul li div.settings
{
	float: left;
	margin: -4px 0px -4px 0px;
	border: 0;
	display: block;
	width: 22px;
	height: 22px;
}

#navBar ul li div.listen
{
	background-image: url('/images/ear.gif');
}

#navBar ul li div.settings
{
	background-image: url('/images/font.gif');
}

#navBar ul li a
{
	display: block;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	color: #000;
}

#navBar ul li.active
{
	background-color: #B3D629;
	padding-right: 9px;
}

#content
{
	margin-left: -10px;
	margin-top: 28px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	border-left: 10px solid #DDD;
	border-right: 10px solid #DDD;
	border-bottom: 10px solid #DDD;
	position: relative;
	z-index: 100;
}

#content .breadCrumbs
{
	background-color: #808080;
	text-align: left;
	color: #FFF;
	height: 21px;
	padding: 2px 4px 5px 0px;
	width: 100%;
	overflow: hidden;
	line-height: 2em;
	font-size: 13px;
}

#content .innerBreadCrumbs
{
	margin-left: 210px;
}

#content .breadCrumbs a
{
	color: #FFF;
	text-decoration: none;
}

#content .zoneWrapper
{
	width: 100%;
	float: left;
	border-top: 10px solid #DDD;
}

#content .zoneWrapper .heading
{
	background-color: #B5D729;
	font-size: 1.4em;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
	margin-bottom: 11px;
	height: 1.5em;
}


#content .zoneWrapper .heading .headingText
{
	float: left;
}

#content .zoneWrapper .heading .print
{
	float: right;
	font-size: 13px;
}

#content .zoneWrapper .heading .print a
{
	color: #000;
}

#content .zoneWrapper .heading .print a img
{
	border: 0;
}

#content .zoneWrapper .heading .print a div
{
	display: inline;
}

#content .zoneWrapper .zoneA,
#content .zoneWrapper .zoneB,
#content .zoneWrapper .zoneC
{
	background-color: #FFF;
}

#content .zoneWrapper .zoneA
{
	width: 175px;
	float: left;
	margin-right: 10px;
	min-height: 510px;
	margin-top: -30px;
	padding-bottom: 30px;
	/*padding-right: 3px; /* TEMPORARY */
}

#content .zoneWrapper .zoneB
{
	display: inline;
	float: left;
	padding: 14px 11px 26px;
	width: 535px;
	margin-right: 10px;
}

#content .zoneWrapper .zoneB .zoneBcontent
{
	margin-bottom: 20px;
}


#content .zoneWrapper .zoneC
{
	width: 220px;
	display: inline;
	float: right;
}

#content .zoneWrapper .zoneD
{
	display: inline;
	float: left;
	width: 555px;
	border-top: 5px solid #FFF
}

#content .zoneWrapper .zoneD1
{
	width: 280px;
	padding: 10px 10px 0;
	display: inline;
	float: left;
	background-color: #FFF;
}

#content .zoneWrapper .zoneD2
{
	width: 230px;
	padding: 10px 10px 0;
	display: inline;
	float: right;
	background-color: #FFF;
}

#content .zoneWrapper .zoneSplitter
{
	height: 23px;
	width: 565px;
	background-color: #84b510;
	border-top: 5px #DDD solid;
	border-bottom: 5px #DDD solid;
	float: left;
}

#content .zoneWrapper .zoneA ul.sideNav
{
	position: relative;
}

#content .zoneWrapper .zoneA ul.sideNav,
#content .zoneWrapper .zoneA ul.sideNav ul
{
	font-family: Tahoma;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 7px;
}

#content .zoneWrapper .zoneA ul.sideNav li a
{
	text-decoration: inherit;
	color: #000;
	display: block;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop a,
#content .zoneWrapper .zoneA ul.sideNav li.navItem a
{
	font-weight: bold;
	padding: 7px 7px 7px 15px;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop a
{
	background-color: #B5D729;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop ul a
{
	background-color: #FFF;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop ul .navItem
{
	border-bottom: 1px solid #DDDDDD;
	background-color: #FFF;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop ul
{
	padding-top: 8px;
	background-color: #FFF;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItem ul
{
	padding-top: 0px;
	margin-top: -7px;
}

#content .zoneWrapper .zoneA ul.sideNav li.navItemSub a,
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop ul div.navItem div.navItemSub a
{
	font-weight: inherit;
	padding: 2px 0px 0px 15px;
	color: #555555;
}

#content .zoneWrapper .pageNav
{
	font-family: Verdana;
}

#content .zoneWrapper .pageNav .pageBack div,
#content .zoneWrapper .pageNav .pageTop div
{
	display: block;
	float: left;
	height: 19px;
	margin-right: 5px;
	width: 19px;
}

#content .zoneWrapper .pageNav .pageBack div
{
	background-image: url('/images/back.gif');
}

#content .zoneWrapper .pageNav .pageTop div
{
	background-image: url('/images/up.gif');
}

#content .zoneWrapper .pageBack,
#content .zoneWrapper .pageTop
{
	text-decoration: inherit;
}

#content .zoneWrapper .pageBack
{
	float: left;
}

#content .zoneWrapper .pageTop
{
	float: right;
}

#content .zoneWrapper .zoneB ul li
{
	list-style-image: url('/images/listbullit.gif');
	list-style-position: outside;
}

#footer
{
	width: 100%;
	float: left;
	margin-left: -10px;
	padding-right: 10px;
	background-color: #DDD;
	border-left:  10px solid #DDD;
	border-right: 10px solid #DDD;
	position: relative;
	z-index: 100;
}

#footer .contactInfo
{
	font-size: 0.9em;
	width: 650px;
	margin-top: 4px;
	float: left;
	overflow: auto;
}

#footer .contactInfo .contactInfoTitle,
#footer .contactInfo .contactInfoStreet,
#footer .contactInfo .contactInfoBox,
#footer .contactInfo .contactInfoZipcode,
#footer .contactInfo .contactInfoCity,
#footer .contactInfo .contactInfoPhone,
#footer .contactInfo .contactInfoFax,
#footer .contactInfo .contactInfoEmail
{
	display: block;
	float: left;
	margin-right: 12px;
}

#footer .contactInfo .contactInfoTitle
{
	font-weight: bold;
}

#footer .contactInfo .contactInfoStreet
{
}

#footer .contactInfo .contactInfoBox
{
}

#footer .contactInfo .contactInfoZipcode
{
	margin-right: 4px;
}

#footer .contactInfo .contactInfoCity
{
}

#footer .contactInfo .contactInfoPhone
{
}

#footer .contactInfo .contactInfoFax
{
}

#footer .contactInfo .contactInfoEmail
{
}


#footer .contactInfo .contactInfoEmail a
{
	text-decoration: inherit;
}

#footer .bottomNav
{
	float: right;
	font-family: Tahoma;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer .bottomNav div
{
	height: auto;
	margin-left: 8px;
	float: right;
}

#footer .bottomNav div img
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

#footer .bottomNav div a
{
	float: left;
	margin-top: 1px;
	font-weight: bold;
	color: #000;
	text-decoration: inherit;
}

#splitterAB, #splitterBC, #splitterBD
{
	position: absolute;
	height: 100%;
	width: 10px;
	top: 0px;
	background-color: #DDD;
}

#splitterAB
{
	left: 185px;
}

#splitterBC
{
	left: 760px;
}


#splitterBD
{
	left: 495px;
	width: 5px;
}

/* ORIGINAL STYLES */

.margin7 { margin: 7px; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }

.style2 { font-size: 11px; }

.green {position: relative; width: 100%; overflow: hidden;}
.green .top {z-index: 30; position:relative; width:100%; height: 8px; overflow: hidden;}
.green .center {z-index: 20; xwidth: 100%; overflow: hidden; position:relative; border-left: 4px solid #b5d729; border-right: 4px solid #b5d729; background-color: white;}
.green .bottom {z-index: 30; position:relative; width:100%; height:8px;}
.green .tl, 
.green .tr, 
.green .bl, 
.green .br {z-index: 50; height: 8px; overflow:hidden; top: 0px; left:0px; position: absolute; width:100%; background-repeat: no-repeat;}
.green .tl {background-image:url(/images/gr_tl.gif); background-position: top left;}
.green .tr {background-image:url(/images/gr_tr.gif); background-position: top right;}
.green .tc {height: 4px; background-color: #b5d729; overflow: hidden; z-index: 40;}
.green .bl {background-image:url(/images/gr_bl.gif); background-position: top left;}
.green .br {background-image:url(/images/gr_br.gif); background-position: top right;}
.green .bc {border-top: 4px solid #b5d729; border-bottom: 4px solid #b5d729; overflow: hidden;}
.green .divTop {font-weight: bold; border-bottom: 1px dotted white; padding: 5px; padding-top: 0px; font-size: 110%;}
.green .divCenter {padding: 5px; padding-bottom: 8px;}
.green .divBottom {background-color: #b5d729; padding-left: 7px; padding-top: 5px;}
.green .divLink {padding-left: 5px; padding-top: 4px; padding-bottom: 4px; width: 145px; font-weight: bold; color: #0000FF; font-size: 11px; background-image: url(/images/kampanj_link.gif); background-repeat: no-repeat; background-position: left;}
.green .divLink A {color: #0000FF; text-decoration: none;}
.green .divLink A:hover {color: black; text-decoration: underline;}

.yellow {position: relative; width: 100%; overflow: hidden;}
.yellow .top {z-index: 30; position:relative; width:100%; height: 8px; overflow: hidden;}
.yellow .center {z-index: 20; xwidth: 100%; overflow: hidden; position:relative; border-left: 4px solid #ffcc33; border-right: 4px solid #ffcc33; background-color: white;}
.yellow .bottom {z-index: 30; position:relative; width:100%; height:8px;}
.yellow .tl, 
.yellow .tr, 
.yellow .bl, 
.yellow .br {z-index: 50; height: 8px; overflow:hidden; top: 0px; left:0px; position: absolute; width:100%; background-repeat: no-repeat;}
.yellow .tl {background-image:url(/images/ye_tl.gif); background-position: top left;}
.yellow .tr {background-image:url(/images/ye_tr.gif); background-position: top right;}
.yellow .tc {height: 4px; background-color: #ffcc33; overflow: hidden; z-index: 40;}
.yellow .bl {background-image:url(/images/ye_bl.gif); background-position: top left;}
.yellow .br {background-image:url(/images/ye_br.gif); background-position: top right;}
.yellow .bc {border-top: 4px solid #ffcc33; border-bottom: 4px solid #ffcc33; overflow: hidden;}
.yellow .divTop {font-weight: bold; border-bottom: 1px dotted white; padding: 5px; padding-top: 0px; font-size: 110%;}
.yellow .divCenter {padding: 5px; padding-bottom: 8px;}
.yellow .divBottom {background-color: #ffcc33; padding-left: 7px; padding-top: 5px;}
.yellow .divBottom .divLink {padding-left: 5px; padding-top: 4px; padding-bottom: 4px; width: 145px; font-weight: bold; color: #000000; font-size: 11px; background-image: url(/images/kampanj_link.gif); background-repeat: no-repeat; background-position: left;}
.yellow .divBottom .divLink A {color: #0000FF; text-decoration: none;}
.yellow .divBottom .divLink A:hover {color: black; text-decoration: underline;}

#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavStore		{padding: 10px; padding-top: 7px; padding-left:13px; background:#EEEEEE; border-bottom: 1px solid #DDDDDD;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavStore TD		{font-family: Tahoma;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavCart		{background-color: #FFCC33; border-bottom: 1px solid #DDDDDD; font-weight: bold; padding: 5px; padding-left: 4px;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavCart A		{color: black;background-color:#FFCC33;padding:0;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavCart A:hover	{color: black;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop .navItemInfo		{color: #666666; font-weight: normal; cursor: default;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavStore input,
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop #divNavStore select		{font-family:Tahoma;font-size:0.9em;}
#content .zoneWrapper .zoneA ul.sideNav li.navItemTop div.navItem		{padding: 5px 0;}