body
{
	background:#e3e5e3;
	background-image:url(sysimages/background-loop.png);
	text-align:center;
	font-family:Arial, san-serif;
	font-size:11px;
	color:#333333;
}

table
{
	padding:0px;
	margin:0px;
	font-size:11px;
}
table td
{
	padding:0px;
	margin:0px;
}

label
{
	text-decoration:none;
}

label:hover
{
	text-decoration:underline;
	cursor:pointer;
}

h2
{
	margin:0px;
	padding:0px;
	font-size:18px;
	font-weight:bold;	
	color:#666666;
}

.clear
{
	clear:both;
}

.push5
{
	padding-bottom:5px;
}
.push10
{
	padding-bottom:10px;
}

a.logout
{
	color:#cc0000;
	text-decoration:none;
}
a.logout div
{
	float:right;
	padding:4px;
	border:1px solid #cc0000;
}

#wrapper
{
	margin: 0 auto;
	width:100%;
	text-align:center;
	padding-top:30px;
}

#Site
{
	margin: 0 auto;
	width:870px;
}

#Top
{
	margin: 0 auto;
	width:870px;
	height:140px;
	background-image:url(sysimages/site-sprite.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:30px;
}

#Top DIV.Logo
{
	width:300px;
	height:85px;
	float:left;
	cursor:pointer;
}

#Top DIV.Menu
{
	float:left;
	width:864px;
	margin-top:20px;
	height:26px;
	text-align:left;
	padding-top:8px;
	padding-left:10px;
}

#Top DIV.Menu DIV.MenuItem
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-image:url(sysimages/menu-spacer.png);
	background-position: top right;
	height:21px;
	background-repeat:no-repeat;
	padding-top:4px;

}

#Top DIV.Menu a
{
	font-size:10px;
	color: #666666;
	text-transform:uppercase;
	text-decoration:none;

}

#Top DIV.Menu a.selected
{
	font-size:10px;
	color: #000000;
	text-transform:uppercase;
	text-decoration:underline;

}

#Top DIV.Menu a:hover
{
	font-size:10px;
	color: #666666;
	text-transform:uppercase;
	text-decoration:underline;
}

#Content
{
	float:left;
	width:870px;
	padding-bottom:10px;
}

#Content DIV.Main
{
	float:left;
	width:100%;
}

#Content DIV.Main DIV.Top
{
	float:left;
	width:100%;
	height:40px;
	background-image:url(sysimages/site-sprite.png);
	background-position:-5px -230px;
	background-repeat:no-repeat;
}

#Content DIV.Main DIV.Bottom
{
	float:left;
	width:100%;
	height:38px;
	background-image:url(sysimages/site-sprite.png);
	background-position:-5px -283px;
	background-repeat:no-repeat;
}

#Content DIV.Main DIV.Mid
{
	float:left;
	width:100%;
	background-image:url(sysimages/main-area-loop.png);
	background-position:top left;
	background-repeat:repeat-y;
}

#Footer
{
	float:left;
	width:850px;
	height:35px;
	background-image:url(sysimages/site-sprite.png);
	background-position: 0px -170px;
	background-repeat:no-repeat;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	color:#999999;
	font-size:10px;
}

#Footer a
{
	color:#999999;
	font-size:10px;
	text-decoration:none;
}
#Footer a:hover
{
	color:#999999;
	font-size:10px;
	text-decoration:underline;
}

#FrontPage
{
	float:left;
	width:870px;
	padding-top:20px;
}

#FrontPage DIV.Left
{
	float:left;
	width:580px;
	padding-top:4px;
}

#FrontPage DIV.Product
{
	float:left;
	width:288px;
	height:110px;
	float:left;
	background-image:url(sysimages/site-sprite.png);
	background-position: -877px -1px;
	background-repeat:no-repeat;
	margin-bottom:6px;
}

#FrontPage DIV.ProductBlank
{
	float:left;
	width:288px;
	height:110px;
	float:left;
	background-image:url(sysimages/site-sprite.png);
	background-position: -877px -199px;
	background-repeat:no-repeat;
	margin-bottom:6px;
}

#FrontPage DIV.Product DIV.Label
{
	float:left;
	width:37px;
	height:80px;
	background-image:url(sysimages/site-sprite.png);
	background-position: -884px -114px;
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left:15px;
	font-size:33px;
	font-weight:bold;
	color:#FFFFFF;
}

#FrontPage DIV.Product DIV.Content
{
	float:left;
	margin-top:15px;
	margin-left:10px;
	width:220px;
	text-align:left;
}

#FrontPage DIV.ProductBlank DIV.ContentWide
{
	float:left;
	margin-top:15px;
	margin-left:10px;
	width:270px;
	text-align:left;
}


#FrontPage DIV.Product DIV.Content DIV.Title
{
	float:left;
	width:110px;
	height:85px;
	color:#666666;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
}

#FrontPage DIV.ProductBlank DIV.ContentWide DIV.Text
{
	float:left;
	color:#666666;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	padding-left:10px;
}


#FrontPage DIV.Product DIV.Content DIV.PriceHolder
{
	float:right;
	width:90px;
	text-align:right;
	/*padding-right:5px;*/
	position:absolute;
	margin-left:125px !important;
	margin-left:0px;
}

#FrontPage DIV.Product DIV.Content DIV.PriceHolder DIV.From
{	
	float:right;
	width:100px;
	font-weight:bold;
	color: #666666;
	font-size:14px;
	padding-top:10px;
	text-align:right;
}

#FrontPage DIV.Product DIV.Content DIV.PriceHolder DIV.Price
{	
	float:right;
	width:100px;
	color: #bd2d21;
	font-size:28px;
	font-weight:bold;
	text-align:right;
}

#FrontPage DIV.Product DIV.Buttons,
#FrontPage DIV.ProductBlank DIV.Buttons
{
	float:right;
	padding-top:10px;
	width:100px;
}

#FrontPage DIV.Product DIV.Buttons DIV.Buy
{
	float:right;
	margin-right:18px;
}

#FrontPage DIV.Product DIV.Buttons DIV.More
{
	float:right;
	/*margin-right:5px;*/
}

#FrontPage DIV.Product DIV.Buttons DIV.Buy a,
#FrontPage DIV.Product DIV.Buttons DIV.More a
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#666666;
}

#FrontPage DIV.Product DIV.Buttons DIV.Buy a:hover,
#FrontPage DIV.Product DIV.Buttons DIV.More a:hover
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#000000;
}

#FrontPage DIV.Product DIV.Buttons DIV.Buy a
{
	color:#bd2d21;
}

#FrontPage DIV.ProductBlank DIV.Buttons a.gobutton
{
	font-size:16px;
	font-weight:bold;
	color: #bd2d21;
	text-decoration:none;
	text-transform:uppercase;
}

#FrontPage DIV.ProductBlank DIV.Buttons a.gobutton:hover
{
	font-size:16px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
	text-transform:uppercase;	
}

#FrontPage DIV.Right
{
	float:right;
	width:285px;
}

#FrontPage DIV.Right DIV.Calculator
{
	float:left;
	width:285px;
	height:315px;
	background-image:url(sysimages/site-sprite.png);
	background-position: -1164px 0px;
	background-repeat:no-repeat;
	padding-top:30px;
	padding-left:30px;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form
{
	float:left;
	width:230px;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form DIV.Title
{
	text-align:left;
	font-size:23px;
	color:#666666;	
	font-weight:bold;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form DIV.TotalPrice
{
	font-size:30px;
	font-weight:bold;
	color:#bd2d21;
	padding-top:10px;
	font-weight:bold;
	float:left;
	text-align:right;
	width:100%;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form DIV.TotalPrice DIV.kr
{
	font-size:18px;
	font-weight:bold;
	color:#666666;
	float:right;
	margin-top:10px;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form DIV.optionsmenu
{
	float:left; 
	text-align:right; 
	height:160px; 
	width:100%; 
	overflow-y:auto;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form DIV.optionsmenu table td
{
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
}

#FrontPage DIV.Right DIV.Calculator DIV.Form SPAN.grey
{
	color:#979797;
}

#FrontPage DIV.Right DIV.Calculator DIV.morebutton
{
	float:right;
	width:100%;
	text-align:right;
	padding-right:43px;
	padding-top:30px;
}

#FrontPage DIV.Right DIV.Calculator DIV.morebutton a
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#bd2d21;
}

#FrontPage DIV.Right DIV.Calculator DIV.morebutton a:hover
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	color:#000000;
}

#FrontPage DIV.Ads
{
	float:left;
	width:850px;
}

#FrontPage DIV.Ads DIV.ad
{
	float:left;
	width:290px;
	text-align:center;
	margin-bottom:10px;
}

/*Templates */

#SimplePage,
#calculator_container
{
	float:left;
	text-align:left;
	width:750px;
	padding-left:50px;
}

#SimplePage DIV.SimpleTitle,
#calculator_container DIV.description h1
{
	float:left;
	font-size:28px;
	font-family:Arial,san-serif;
	font-weight:bold;
	color:#666666;
}

#calculator_container DIV.description h1 { margin:0px; }

#SimplePage DIV.SimpleContent
{
	float:left;
	width:775px;
}

#SimplePage DIV.SimpleContent DIV.SimpleImg
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* Reiknivéla síđa */
#calculator_container .description
{
	float:left;
}


div#calculator_container .Left {
	float: left;
	width: 500px;
	border-right:1px solid #CCC;
	padding-right:5px;
}

div#calculator_container .Left .package_container {
	background-color: #F5F5F5;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px;
	border:1px solid #FFFFFF;
}

div#calculator_container .Left .package_container:hover {
	background-color: #f0f0f0;
	cursor:pointer;
	border:1px solid #cccccc;
}

div#calculator_container .Left .package_container_selected {
	background-color: #ffc0bb;
	cursor:pointer;
	border:1px solid #999999;
}

div#calculator_container .Right {
	float: right;
	width: 240px;
}

div#calculator_container .Right .grey
{
	font-size:14px;
	color: #A00;
	font-weight:bold;
	float:right;
}

#calc_cart
{
	border-top: 1px solid #ccc;
	padding-top:5px;	
	margin-top:2px;
}

#calc_cart_buy
{
	padding-top:10px;
	float:right;
}

#calc_cart_buy a
{
	text-decoration:none;	
}

#calc_cart_buy a div
{
	background-image:url(sysimages/site-sprite.png);
	background-position: -925px -112px;
	background-repeat:no-repeat;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	width:72px;
	height:30px;
	padding-top:12px;
	padding-left:12px;
	text-transform: uppercase;
	
}



div#calculator_container .Right div#calc_cart_total {
	border-top: 1px solid #ccc;
	text-align: right;
	color: #A00;
	font-size:14px;
	font-weight:bold;
	padding-top:2px;
}

td.calc_item_check {
	vertical-align: top;
	text-align: left;
	width: 25px;
}

td.calc_item_name {
	text-align: left;
	font-size: 14px;
	color: #666;
	font-weight: bolder;
	text-transform: uppercase
}

td.calc_item_description {
	text-align: left;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

td.calc_item_price {
	text-align: right;
	font-size: 19px;
	color: #BD2D21;
	font-weight: bold;
}

table.cart_item {
	margin-bottom: 3px;
	margin-top: 3px;
}
table.cart_item td
{
	padding:2px;	
}

tr.cart_item_row {
	background-color: #F5F5F5;
}

td.cart_item_number {
	color: #999;
	text-align: left;
	width: 15px;
}

td.cart_item_name {
	color: #000;
	text-align: left;
}

td.cart_item_price {
	color: #AA0000;
	text-align: right;
}
/* Reiknivél endar */

/* Productinfo shadowbox */

#ProductInfo
{
	float:left;
	text-align:left;
	width:580px;
	height:390px;
	background-image:url(sysimages/product-info-bottom.png);
	background-repeat:repeat-x;
	background-position:bottom left;
}

#ProductInfo DIV.Label
{
	float:left;
	width:34px;
	height:80px;
	background-image:url(sysimages/site-sprite.png);
	background-position: -884px -114px;
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left:15px;
	font-size:33px;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:10px;
}

#ProductInfo DIV.Title
{
	float:left;
	font-size:28px;
	font-family:Arial,san-serif;
	font-weight:bold;
	color:#666666;
	width:400px;
	margin-left:20px;
	margin-top:13px;
}

#ProductInfo DIV.Content
{
	float:left;
	margin-left:20px;
	width:580px;
	height:250px;
}

#ProductInfo DIV.Content DIV.stepwrapper
{
	float:left;
}

#ProductInfo DIV.Content DIV.stepwrapper table td
{
	padding:2px;
}

#ProductInfo DIV.Bottom
{
	float:left;
	margin-top:10px;
	width:100%;
	padding-left:10px;
}

#ProductInfo DIV.Bottom DIV.Price
{
	float:left;
	font-size:28px;
	font-weight:bold;
	font-color:#333333;
}

#ProductInfo DIV.Bottom DIV.Price DIV.kr
{
	float:left;
	font-size:14px;
	color:#666666;
	padding-top:13px;
}

#ProductInfo DIV.Bottom DIV.Price DIV.number
{
	float:left;
	font-size:28px;
	color:#bd2d21;
}	

#ProductInfo DIV.Bottom DIV.Buy
{
	float:right;
	font-weight:bold;
	color:#bd2d21;
	margin-top:15px;
	font-size:11px;
}
#ProductInfo DIV.Bottom DIV.BuyOver
{
	float:right;
	font-weight:bold;
	color:#000000;
	margin-top:15px;
	cursor:pointer;
}

/* Error displays */
.errorMsg
{
	padding:10px;
	float:left;
	border:1px solid #990000;
	background:#fef161;
	color:#FF0000;
	width:400px;
	background-image:url(client/images/icons/error.png);
	background-repeat:no-repeat;
	background-position:2% 50%;
}

.systemMsg
{
	padding:10px;
	float:left;
	border:1px solid #007dd4;
	background:#d5d5d5;
	color:#007dd4;
	width:400px;
	background-image:url(client/images/icons/tick.png);
	background-repeat:no-repeat;
	background-position:2% 50%;
	text-align:right;
}

th.activeday
{
	background-image:url(sysimages/gradi-background.png);
	background-repeat:repeat-x;
	background-position:0% 20%;
}

td.activeday
{
	background-image:url(sysimages/gradi-background.png);
	background-repeat:repeat-x;
	background-position:0px -300px;
}

input[type=button],
input[type=submit],
input[type=reset]
{
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #ccc;
	background:#eee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover
{
	padding:4px;
	padding-left:6px;
	padding-right:6px;
	border:1px solid #999;
	background:#eee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
}