input[type=text]			{ border:1px #7f9db9 solid; display:inline-block; padding: 1px 2px 1px 2px; }
html, body, table 			{ font-family: Verdana,Arial,sans-serif; font-size: 11px; }
html, body					{ margin:0 }


/*-----------------------------------------*/
button 						{ border:0; font-family:verdana; cursor:pointer; font-weight: 400; padding:0px 20px 0 0; text-align:center; width:auto; overflow:visible; }
button span 				{ position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }

/*Green buttons*/
button.green 				{ background:url(/images/cssKnapGreen-L.gif) right no-repeat; font-size:10px; }
button.green span 			{ height:22px; line-height:22px; background:url(/images/cssKnapGreen-R.gif) left no-repeat; color:#ffffff; }
button.green:hover span 	{ color:#000000; }

/*Gray buttons*/
button.gray					{ background:url('/images/cssKnapGraa-R.gif') no-repeat right 50%; font-size:10px; }
button.gray span 			{ height:22px; line-height:22px; background:url('/images/cssKnapGraa-L.gif') no-repeat left 50%; color:#444444; }
button.gray:hover span 		{ color:#FFFFFF; }

/*inactive button*/
button.inactive 			{ background:url('/images/cssKnapGraa-R.gif') no-repeat right 50%; font-size:10px; }
button.inactive span 		{ height:22px; line-height:22px; background:url('/images/cssKnapGraa-L.gif') no-repeat left 50%; color:#aaaaaa; }

/* samleshop basic structure */
#outerWrapper				{ /*background-color:#FFF;*/ height:auto; width:955px; margin:0 auto }
#topWrapper					{ width:955px; margin:10px auto; clear:both; float:none }
#topBanner					{ background:#FFFFFF url(/images/top-banner_design-v3.png) no-repeat scroll 0px 0px; height:75px; float:none; width:auto }
#seperatorLine				{ background:orange; height:6px; width:100%; clear: both; margin:10px 0 }
#site-id-top-banner			{ float:left; height:100px; width:208px }
#topBannerTagLine			{ margin-top:66px; color:#bed264;font-size:14px; font-weight:600; }

#shoppingCartWrapper		{ height:100px; width:210px; float:left; margin-left:0px; margin-bottom:5px; z-index:100; clear: both }
#shoppingCartTop			{ font-family:Arial, Helvetica, sans-serif; padding:6px 0 0 40px; color:#FFF; font-size:16px; font-weight:bold; background:#FFF url('/images/cart_bg_square.png') no-repeat scroll left top; height:24px }
#shoppingCart				{ background-color:#FFF; position:relative; border:1px #ff9900 solid; height:68px; line-height:1.3em; color:#888; overflow:hidden }
#ShoppingCartInner			{ padding-left:6px; }
#ShoppingCartInnerStk		{ float:left; width:20px; overflow:hidden }
#ShoppingCartInnerTitel		{ float:left; width:130px; overflow:hidden }
#ShoppingCartInnerPris		{ float:left; width:40px; text-align:right; overflow:hidden }
#shoppingCartCheckOut		{ display:none; margin:0 0 5px 0; background:#FFFF55 none repeat scroll 0 0; position:relative; height:18px; margin-left:-6px; padding:2px 0 0 6px; width:202px; cursor:pointer }
#shoppingCartCheckOutLeft	{ float:left; width:180px }
#shoppingCartCheckOutRight	{ float:right; width:15px; padding-top:4px; overflow:hidden }

#leftWrapper				{ background-color:#FFF; /*height:650px; */ width:210px; float:left; margin-top:0; clear:left }
#leftMenuWrapper			{ /*height:647px;*/ /*display:none*/ } /*size of accordion height*/

#rightWrapper				{ /*background-color:#FFF;*/ /*height:650px;*/ width:210px; float:left; margin-top:0; margin-left:5px }
.rightSpotList				{ padding:0; margin:0!important; float:left; clear:both }
.rightSpotItem				{ list-style:none; border:1px #aaaaaa solid; cursor:pointer; width:208px; height:114px; margin-bottom:5px; background:#FFF url('../images/gray-grad-150px.png') repeat-x scroll left bottom; overflow:hidden }
li.rightSpotItem:hover 		{ background:#f9f9f9; border:1px solid #F90;}
.rightSpotImage				{ border:1px #aaaaaa solid }
.rightSpotLeftCol			{ float:left; margin:4px }
.rightSpotRightCol			{ overflow:hidden; float:right; width:135px; padding:4px 6px 0 0; font-size:9px; height:100px; color:#555555 }
.rightSpotTitel				{ font-size:10px; font-weight:600 }
.rightSpotPris				{ background:#FFFFFF; padding-top:2px; text-align:center; margin-top:3px; font-size:12px; color:#777; font-weight:600; height:17px;border:1px #aaaaaa solid }

#midWrapper					{ background-color:#FFF; /*height:650px;*/ width:525px; float:left; margin-top:0; margin-left:5px; }
#midTopContent				{ height:225px; overflow:hidden; background:#FFF; padding-left:10px; margin:0}
#midTopContentLeftCol		{ float:left; width:155px }
#midTopContentRightCol		{ float:right; width:345px; margin-right:10px }

#tab-contentContainer H2	{ font-size:12px; font-weight:bold }

#large-product-image		{ background:#FFF url('../images/loading.gif') no-repeat scroll 60px 80px; border:1px #aaaaaa solid; margin:0; height:212px!important; width:150px!important }
#product-top-salespoint		{ margin:0; height:145px; overflow:hidden; text-align:justify }
#product-top-line			{ /*width:502px; */height:48px }
#product-heading			{ float:left; width:235px; height:39px; font-size:16px; margin:4px 0 0 0 ; overflow:hidden}
#product-top-price			{ height:25px; float:right; font-size:20px; font-weight:bold; padding:0 4px 2px 20px; border:6px #a2c540 solid; color:#a2c540; width:65px}
#product-add-to-cart		{ float:right; margin: 4px 0px 0 0 }
#midLilleGraaDvdLogo		{ float:left; margin-top:3px }


#midTabArea					{ position:relative; padding:0; display:none }
#tab-contentContainer		{ border:1px #999 solid}
#myTabHead 					{ margin-left:8px }

#bottomWrapper				{ margin-left:215px; clear:both; }
#footer						{ width:100%; /*margin-top:5px;*/ height:63px; border: solid 1px #aaaaaa; background-color: #ffffff; }

#checkoutIframeWrapper		{ background-color:#FFF; height:650px; width:740px; float:left; margin-top:5px; margin-left:5px; clear:right}
#checkoutIframe				{ min-height:610px; width:100%; border:0; overflow:auto}

/* samleshop Jquery UI classes */

.ui-state-default, .ui-widget-content .ui-state-default 					{ border: 1px solid #aaaaaa; /*background: #6a8134 url('/images/nr-jq/nr-jq-ui-green-bg.png');*/ font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited 	{ color:#444; border:0; text-decoration:none }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited 	{ color:#222; border:0; text-decoration:none }
.ui-state-hover a, .ui-state-hover a:hover 									{ color:#000; border:0; text-decoration:none }

.ui-accordion .ui-state-hover			{ margin-top:0; border:1px #999 solid; }
.ui-accordion-header .ui-state-active 	{ border: 1px solid #d3d3d3;/* background: #6a8134 url('/images/nr-jq/nr-jq-ui-green-bg.png');*/ font-weight: normal; color: #995555; outline: none; }


/*.ui-accordion-content 				{ border:1px #6a8134 solid!important; background: #FFF; padding:0!important}*/
.ui-accordion-content 					{ border:0 !important; background: #FFF; padding:0!important}
.ui-accordion .ui-accordion-header a 	{ display:block; font-size:1em; padding:0.2em 0.2em 0.2em 2.2em; }

.ui-tabs-panel							{ height:315px; overflow:auto}	
.ui-tabs								{ padding:0 }
.ui-widget-content, .ui-widget-header 	{ border:0; background:transparent }


.ui-tabs 									{ padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav 						{ list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li 					{ position: relative; float: left; border-bottom-width: 0 !important; margin: 0 4px -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a 					{ float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected 	{ padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 					{ padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide 						{ display: none !important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { z-index:1000; color:#000; cursor: text; background:#FFF }

.ui-state-default .ui-corner-top .ui-state-hover { border:thick aqua dotted }

/****** LEFT MENU *******/

.ui-accordion .ui-accordion-header 		{ padding: 2px; padding-left:25px; margin-top:0; border:1px #ccc solid; }

ul.leftMenuProductList			{ padding:0; margin:0!important }
li.leftMenuProductList			{ list-style-type:none; color:#777; cursor:pointer; width:210px; height:40px; background:#FFF; overflow:hidden; margin:0; border-bottom:1px #DDD solid; padding:3px 0 }
li.leftMenuProductList:hover	{ color:#444; background:#EEE}
.leftMenuProductListImage		{ float:left; width:28px; height:40px; border:1px #777 solid; margin-right:4px; margin-left:2px }
.leftMenuProductListText		{ /*margin-left:63px;*/ margin-top:0; font-size:9px; width:140px; height:78px; overflow:hidden }
a.leftMenuProductLink			{ color:#777777; text-decoration:none; cursor:pointer }
.leftMenuProductListHeading		{ font-weight:bold; margin:2px 0 0 0 !important; width:135px; font-size:10px }
.leftMenuProductListPrice		{ font-size:11px; font-weight:bold; float:right; width:50px; height:15px; overflow:hidden }


.greenBorder				{ border:1px #6a8134 solid; background-color:#FFFFFF }

/*-----------------------------------------*/
#ajax-betaling-background				{ filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; background:#FFFFFF; position:relative; display:none; z-index:5; }
#ajax-betaling-content					{ background:transparent; color:#000000; position:absolute; display:none; z-index:10; padding:50px 0 50px 0; margin:auto; }
#ajax-betaling-content-inner-ok			{ text-align:center; margin:auto; }
#ajax-betaling-content-inner-ajax-load	{ text-align:center; margin:auto; }
#ajax-betaling-content-inner-error		{ text-align:center; margin:auto; }
#ajax-betaling-content-inner-b			{ text-align:center; width:160px; height:76px; border:3px #78903e solid; margin:auto; background:#FFFFFF; }


#betaling-formular		{ position:relative; display:block; Top:0; z-index:0; }
#SD01					{ /*background-color: #0000FF;*/ }
#SD02					{ display:none; padding-top:50px; /*background-color: #FF0000;*/ }
#SD03					{ display:none; /*background-color: #00FF00;*/ }

.subDivs{ Width: 710px;	padding: 4px 0 0 0; margin:0 0 0 3px; border-left:1px #AAA solid; min-height:565px}
.subDivInnerTable{ width:98%; margin-left:12px }

#topStreg{ 	background:transparent url('/images/webshop-faneblad-streg.gif') no-repeat scroll left bottom; z-index:25; margin-top:4px; margin-left:3px; width:710px; }
#topTab01, #topTab02, #topTab03, #topTab04{ background:transparent url('/images/webshop-faneblad-tab.gif') no-repeat scroll left top; font-size: 10px; height:21px; left:5px; width:122px;padding:2px 0 0 18px ; }
#contentDiv { clear:both; background-color: #ffffff;  display: block; width:710px }

#kvittering { margin-top:30px; margin-left:15px}

.activeTopTab		{ z-index:26; }
.inactiveTopTab		{ z-index:24; filter:alpha(opacity=30); -moz-opacity:.30; opacity:.30; }
h1.subDivsHeading 	{ font-weight:normal; text-align: left; color: #000000; font-size: 10px; margin: 0px 0px 0px 0px; padding: 6px 0px 4px 20px ; background: transparent   url('/images/subDiv_h1_bg.gif') repeat-x scroll left top; }
h2.subDivsHeading 	{ text-align: left; font-weight:normal; color: #000000; font-size: 10px; background:#dee0eb; padding: 6px 0px 4px 10px; margin:10px 0px 0px 0px; }
h3.subDivsHeading 	{ text-align: left; font-weight:normal; color: #000000; font-size: 12px; font-weight:600; background:#dee0eb; 	padding: 6px 0px 6px 10px ; margin:10px 0px 0px 0px; }
.betalingsSubDiv	{ padding:6px 0px 12px 10px; background:#eeeff4; }
.ordreHeading 		{ font-size: 10px; padding:4px 2px 10px 2px; }
.ordreEntry 		{ font-size: 10px; padding:2px 2px 3px 2px; vertical-align:middle; border-top:1px #dddddd solid; }
.ordreTilbud		{ font-size: 12px; padding:6px 2px 7px 2px; vertical-align:middle; text-align:center; border-top:1px #dddddd solid; background:#fef5d8; }
.ordreTilbudRabat{ font-size: 12px; padding:6px 2px 7px 2px; vertical-align:middle; text-align:center; border-top:1px #dddddd solid; background:#c3e9b6; }
.smallCreditCard 	{ vertical-align: middle; margin: 2px 2px 8px 2px; }
#kontaktInfo 		{ color: #003333; font-size: 10px; text-align: left; padding:0px 0px 0px 20px; }
#bannerDiv			{ width:780px; height:120px; margin:auto }
.reminder 			{ color:#FF0000; display:none; }
.style1 			{ text-align: right; }
.style4 			{ font-size: xx-small; }
.style5 			{ font-size: xx-small; color: #aaaaaa; }
.style7 			{ text-align: left; }
.style8 			{ font-size: 12px; font-weight: bold; text-align: left; }
.style9 			{ border-width: 0px; }
.style10 			{ font-size: xx-small; text-align: right; }
.style11 			{ border-width: 0px; vertical-align: middle; }
#ordreSeddelDiv 	{ background:#FFFFFF; border: 2px #444444 solid; width: 600px; height: 520px; margin: 6px auto; padding: 8px; }
.checkOutInput		{ background-color:#dddddd; display:inline-block; font-size:10px; width:36px; height:18px; text-align:center; }