/*--------------------------------
Copyright Getupdated Internet Solutions 
Jon Eriksson
--------------------------------- */

/* HTML Elements Standard ____________________________________ */
html,body,form, p {
margin: 0;
padding: 0; 
}

img, img a{
	border: 0px none #ececec !important;
}



#wrapper table {
border-collapse: collapse;
}

#wrapper td {
/*vertical-align: top;*/
}

/* Type Elements  ____________________________________ */
body {
font-family: Arial, verdana,   Helvetica, sans-serif;
color: #333333;
font-size: 12px;
background: url(/UserUploadImages/bg_top.jpg);
background-repeat: no-repeat;
background-position: center top 
}

h1, h2, h3, h4, h5, h6 {
font-family:  Arial, verdana,  Helvetica, sans-serif;
padding: 0 0 0.5em 0;
margin: 0;
color: #333333;
font-weight: bold;
}

h1 {
font-size: 19px;
font-weight: normal;
}

h2 {
font-size: 11px;
text-transform: uppercase;
}

h3 {
font-size: 11px;
text-transform: uppercase;
}

h4 {
font-size: 11px;
text-transform: uppercase;
}



/* Links */

.subPageWrapper a, .doftSubPageWrapper a {
text-decoration: underline;
}

a {
color: #909090;
text-decoration: underline;
}

a:hover {
color: #000000;
}


/* Layout Elements ____________________________________ */

#wrapper {
margin: 0 auto 0 auto;
width: 918px;
overflow: hidden;

}


#header { 
 overflow: hidden;
width:918px;
padding: 0 0 15px 0;
 

}

#header #logo { 
	padding: 10px 0px 0px 0px;
	float: left;
	width: 147px;
	}
	

#header #tools { 
	padding: 30px 0px 0px 0px;
	float: left;
	width: 200px;

}	

#header #navigation  {
float:left;
width:450px;
padding: 34px 0 0 0;

}
#header #links { 
	padding: 40px 0px 3px 0px;
	float: right;
	width: 80px;
	}
	
#header #links a{ 
text-transform: uppercase;
color: #000;
font-weight: bold;
padding: 0 10px 0 0;
background: url(/UserUploadImages/system/arrow_link.gif) no-repeat right;
	}	
	
#mainWrapper{
padding: 0 0 0 0;
width: 918px; 
overflow: hidden;
clear:both;
}

#mainLeftMenu {
width: 130px; 
float: left;
padding-right: 15px;
}

#sub-nav {
min-height:292px;
height: auto !important; 	
height:292px;
}

#mainContent {
width: 770px; 
float: right;
background-color: #ececec;
overflow: hidden;

}

/* Tools search ____________________________________ */

#search { 
float: right; 
clear: both;
padding: 0px 0px 0px 0px;
width: 165px;
height: 20px;
}		
.searchText {
float:left;
padding-right:10px;
}
.AddCMSSysSearchButton {
border: 0px;
padding:0px 2px 1px 2px;
float: left;
height: 22px !important;
margin-left:3px;
 background-color: #ececec;
float:left;
font-size:11px;
}

.AddCMSSysSearchText {
border-top: 1px solid #ececec;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
margin: 0px 0px 0px 0;
padding: 2px 0px 1px 4px;
width:115px;
float: left;
height: 17px !important;
background-attachment: inherit;
background-repeat: no-repeat;
}

/* Navigation   ____________________________________ */

.nav-main {
float: left;
width:400px;
overflow: hidden;
font-size: 11px;
}

.nav-main ul {
margin: 0;
padding: 0;
list-style: none;
/*	height: 29px;*/
}

.nav-main ul li {
float: left;
margin: 0;
vertical-align: text-bottom;
padding: 0px 8px 4px 8px;

}

.nav-main ul li a {
color: #909090;
text-transform: uppercase;
font-weight: bold;
display: block;
float: left;
height: 14px;	
padding: 6px 0px 1px 0px;	
text-decoration: none;
}
/*
.nav-main ul li a:hover {
height: 14px;	
}
*/
.nav-main a.AddCMSSysMainSelected {
color: #909090 !important;
height: auto !important;
}

.nav-main .AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSub,
.nav-main .AddCMSSysMenu ul.AddCMSSysSub a.AddCMSSysSubSelected {
width: 184px;
}

.nav-main .AddCMSSysMenu ul, #nav-main .AddCMSSysTreeMenu ul {
top:-6px;
}

/* Sub navigation (left menu)*/

#sub-nav h3{
font-size: 14px;}


#sub-nav ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 15px 0;
clear: both;
display: block;
height: auto;
float: left;
}

#sub-nav ul ul {
margin: 0 0 0 0;
padding: 0 0 0 0;	
}

#sub-nav ul li{
display: block;
padding: 0; 

}

#sub-nav ul li a {
display: block;
padding: 2px 0 2px 0px;
text-transform: uppercase;
color: #909090;
/*font-size: 11px;*/
font-weight: bold;
width:130px;
font-size: 11px;
height: auto;
}

#sub-nav ul li a:hover {
color: #000!important;
}

/* level 2 */
#sub-nav ul li ul li a{
color: #909090;
padding-left: 0px;
}

#sub-nav ul li ul li  a:hover{
color: #c5c5c5 !important;
}


/* Main Navigation Selected (AddCMS classes) */

#sub-nav a.AddCMSSysMainSelected,
#sub-nav a.AddCMSSysSubSelected
{
color:#000;
}


#sub-nav2 ul ul  {
padding: 0px 0 15px 0px;
}

#sub-nav2 ul li a {
font-size: 14px;
color: black;
padding: 5px 0 6px 0px;
}

#sub-nav2 ul li li a {
font-size: 11px;
color: #909090;
padding: 2px 0 2px 0px;
}


/* Page Dividers and Columns Splits ____________________________________ */

/* #mainLeftMenu */


#login{
border:1px solid #ececec;
margin:20px 0pt;
padding:5px;

font-size: 10px;
}

.LoginTitle {

font-size: 11px;
font-weight: bold;
text-transform:uppercase;}

.LoginUserName input, .LoginPassword input {width: 100px;}

.LoginButton input {
background-position:0 0;
background-repeat:no-repeat;
border:medium none !important;
color:#FFFFFF !important;
background-image:url(/UserUploadImages/system/button_login.gif);
width: 79px;
height: 26px;
text-align: center;
padding: 0px 0 0 0;
text-shadow: 0px -1px 0px #337715;

font-weight: bold;
}

/* MINI CART */

#cart {
border:1px solid #ececec;
margin:20px 0pt;
padding:5px;

font-size: 10px;
clear: both;
}

#cart h3 {
background-image:url(/UserUploadImages/system/icon_cart.gif);
background-repeat: no-repeat;

padding:5px 5px 5px 30px;
text-transform: uppercase;
}

.AddCMSSysShoppingCart .empty {
font-weight:bold;
padding:10px 0px 5px;
}

.empty {
padding:10px 10px 5px;
}

.productsAmount {
padding:2px 10px 2px 10px;
}

.productsTotalPrice {
font-weight:bold;
padding:5px 10px;
}

.shoppingCartLink{
padding:0px;
}

.shoppingCartLink a{

text-decoration: none;

overflow:visible;
border: none !important;
background-color: transparent !important;
font-size: 11px !important;
color:#fff!important;
padding:6px 0 0 0px !important;
margin: 0px 0 0 0 !important; 
overflow:visible;
font-weight: bold;
background: url(/UserUploadImages/system/button_cart.gif) no-repeat ;
width: 115px;
height:21px;
text-align: center;
display: block;

text-shadow: 0px -1px 0px #337715;

}

/* All */

#breadcrumbs div {
padding-bottom: 15px;
}

/* Start */

.startWrapper {
/* overflow: hidden; Removed for ie6 Fix */
float: right;
width: 770px;
padding: 0;
/*background-image:url(/UserUploadImages/system/bg_1px.gif);*/
background-repeat:  repeat-y;
background-position: 400px;
min-height:420px;
height: auto !important; 	
height:420px;
}

.startTop {
overflow: hidden;
clear: both;
width: 770px;
}

.startLeft {
float: left;
width: 360px;
padding: 25px 15px 15px 25px;
} 

.startRight {
float: right;
width: 370px;

} 

.startRightInfo {
	float:left;
 width:150px;
 padding: 25px 0px 15px 25px;
}

.startRightInfo a{
 text-transform: uppercase;
padding: 0.5em 0 0 0 ;
 display: block;
}

.startRightImage {
	float:right;
	width: 160px;
}




#startTopLeft{
float: left;
width: 455px;
padding: 0px 20px 15px 25px;
} 

#startTopRight{
	float:right;
	width: 270px;
}








.startTeasers {
clear: both;
width: 770px;
} 


#startTeasersHeadline{

border-top: 10px solid white; 
background-color: #919191; 
color: white; 
text-transform: uppercase; 
padding:5px 0 4px 15px; 
margin-bottom: 0px;

}

.AddCMSSysTeaserArticles {
width: 770px;
overflow: hidden;
background-image:url(/UserUploadImages/system/bg_2px.gif);
background-position:0 50%;
background-repeat:repeat-y;
padding:15px 0 0px 0; 
}
/* Sub page */

.topDoft {
	width:770px;
padding: 5px 15px 0px 15px;
 background-color: #a0cb6f;
 margin-bottom:20px;
color: #ffffff !important;
font-size: 11px;
text-transform: uppercase;
padding-bottom:4px;
font-weight: bold;
}
.top, .top a,.top h1, .topDoft a {
color: #ffffff !important;
 text-decoration: none !important;
}




.subPageWrapper, .doftSubPageWrapper {
/* overflow: hidden; Removed for ie6 Fix */
float: right;
width: 770px;
padding: 0;
background-image:url(/UserUploadImages/system/bg_2px.gif);
background-repeat:  repeat-y;
background-position: 0px;
min-height:420px;
height: auto !important; 	
height:420px;
}

.subPageWrapper .top, .articlePageWrapper .top {
	width:770px;
padding: 5px 15px 0px 15px;
 background-color: #b8b8b8;
 margin-bottom:20px;
}

.doftSubPageWrapper .top, .doftArticlePageWrapper .top {
	width:770px;
padding: 5px 15px 0px 15px;
 background-color: #8079a0;
 margin-bottom:20px;
}

.subPageWrapper h2, .articlePageWrapper h2, .doftSubPageWrapper h2, .doftArticlePageWrapper  h2 {
color: black;
}

.subPageWrapper .top .AddCMSSysSiteMapPath, .articlePageWrapper .top .AddCMSSysSiteMapPath, .doftArticlePageWrapper .AddCMSSysSiteMapPath, .doftSubPageWrapper .AddCMSSysSiteMapPath{
font-size: 11px;
text-transform: uppercase;
padding-bottom:4px;
font-weight: bold;
}





.subPageWrapper .left, .doftSubPageWrapper .left {
	float:left;
	width:227px;
	padding: 0 0 15px 15px;
}

.subPageWrapper .middle, .doftSubPageWrapper .middle {
	float:left;
	width:226px;
	padding: 0 30px 15px 30px
}

.subPageWrapper .right, .doftSubPageWrapper .right {
	float:right;
	width:227px;
	padding: 0 15px 15px 0;	
}


/* eShop components */

#articles {
overflow:hidden;
width:770px;

}
#PHarticles, #PHarticles2, #PHarticles3 {
clear:both;
overflow:hidden;
width:770px;
}
#PHarticles2 .artListSort {
display:none;
}
.artListHeader {
display: none;
}

.artListSort {
float:right;
padding:0pt 23px 10px 0pt;
}
.artListItems {
clear:both;
margin:0pt;
padding: 0 0 0 15px;
}


.artListItem, .AddCMSSysTeaser, .relArtItem, .teaserItem {
float:left;
height:250px;
margin:0 15px 20px 0;
width:216px;
padding: 0 20px 0 0px;
overflow: hidden;
}

.relArtItem {
padding: 0 0px 0 20px !important;
}

/* New for vers 1.65 */
#articles .articleName, .relArtItem .articleName, .teaserItem .articleName{
margin:0pt;
padding:5px;
float:right;
width: 110px;	
clear: both;
}
 #articles .articleName a, .relArtItem .articleName a, .teaserItem .articleName a{
margin:0pt;
padding:0px;
text-decoration: none;
color: black;
}
/* END New for vers 1.65 */

#articles .articleShortDesc, .relArtItem .articleShortDesc, .teaserItem .articleShortDesc {
padding:5px;
float:right;
width: 110px;	
clear: both;}


#articles .articlePrice, .relArtItem .articlePrice, .teaserItem .articlePrice{
color:#000000;
font-weight:bold;
padding:5px;
float:right;
width: 110px;	
clear: both;}

#articles .articleThumb, .relArtItem .articleThumb, .teaserItem .articleThumb{
width: 90px;
overflow: hidden;
}

#articles .articleLink, .relArtItem .articleLink, .teaserItem  .articleLink{
float:right;
width: 110px;	
clear: both;
padding:5px;
}


#articles .articleLink a, .relArtItem .articleLink a, .teaserItem  .articleLink a {
text-decoration: none;
text-transform: uppercase;
overflow:visible;
border: none !important;
background-color: transparent !important;
font-size: 12px !important;
color:#fff!important;
padding:5px 0 0 0px !important;
margin: 0px 0 0 0 !important; 
overflow:visible;
font-weight: bold;
background: url(/UserUploadImages/system/button_info.gif) no-repeat ;
width: 92px;
height:32px;
text-align: center;
display: block;
text-shadow: 0px -1px 0px #337715;

}

#articles .articleLink a:hover, .relArtItem .articleLink a:hover, .teaserItem  .articleLink a:hover {
 /* for IE 
  filter:alpha(opacity=80);*/
  /* CSS3 standard 
  opacity:0.8;*/
  }



/* Article */
.articlePageWrapper {
/* overflow: hidden; Removed for ie6 Fix */
float: right;
width: 770px;
padding: 0;
background-image:url(/UserUploadImages/system/bg_1px.gif);
background-repeat:  repeat-y;
background-position: 255px;
min-height:420px;
height: auto !important; 	
height:420px;
}

.articlePageWrapper .left {
	float:left;
	width:227px;
	padding: 0 0 15px 15px;
}

.articlePageWrapper .middle {
	float:left;
	/*width:226px;*/
        width:450px;
	padding: 0 30px 15px 30px

}

.articlePageWrapper .right {
	float:right;
	width:227px;
	padding: 0 15px 15px 0;	
}



.articleImage .thumbnails .articleThumb {
width:50px;
float:left;
}

.AddCMSSysBuyButtonButton {
	border: none !important;
	background-color: transparent !important;
font-size: 12px !important;
	
color:#fff!important;
padding:0px 0 5px 0px !important;
margin: 15px 0 25px 0 !important; 
overflow:visible;
font-weight: bold;
background: url(/UserUploadImages/system/button_buy.gif) no-repeat ;
width: 147px;
height:37px;

text-shadow: 0px -1px 0px #337715;



}

.articlePageWrapper .articleName {
	color:black;

text-transform: uppercase;
padding-bottom:15px;
font-weight: normal;	
display: block;
}

.articlePageWrapper .articleFullDesc {
	display: block;
padding-bottom:15px;	
}



.articlePageWrapper .articlePrice {
	display: block;
padding-bottom:0px;	
color:#000000;
font-weight:bold;
font-size: 15px;
text-transform: uppercase;

}

/* shopping cart big */


.shopWrapper {
min-height:420px;
height: auto !important; 	
height:420px;
}


.shopWrapper table{
	width:740px;
	margin:15px 15px 15px 15px;
}

.shopWrapper h1, .CustomerTitle, .LoginContent, .DeliveryTitle, .DeliveryFeeTitle, .PaymentTitle{
	background-color:#c5c5c5;
margin-bottom:20px;
padding:5px 0px 5px 15px;
width:770px;
display: block;
font-weight: bold;
color:#ffffff;
}

.shopWrapper .headerRow {
	text-transform: uppercase;
	color: black;
	text-align: left;

}

.shopWrapper .headerRow th{
	border-bottom: 2px solid #e5e5e5;
	padding: 0 0px 5px 0;
}

.shopWrapper .dataRow td{
	padding: 10px 0px 5px 0;

}

.shopWrapper .dataRow .price {
	color: #000000;
}

.shopWrapper .delete input {
	border: none !important;
	background-color: transparent !important;
font-size: 11px !important;
text-transform: uppercase !important;	
color:#909090 !important;
padding:0 !important;
margin: 0 0 0 0 !important; 
overflow:visible;
}


.shopWrapper .summary{
 text-transform: uppercase;
	margin:0px 15px 0px 370px;
	float:left;	
	text-align: right;
	width:250px;
	font-weight: bold;
}

.shopWrapper .checkoutLink {
float:right;	
margin:0px 15px 15px 0px
}

.shopWrapper .checkoutLink a, .shopWrapper .checkoutLink a
{
background: url(/UserUploadImages/system/button_buy.gif) no-repeat ;
width: 147px;
height:32px;
color:#fff;
font-weight:bold;
padding:10px 0px 0pt 0pt;
text-transform:uppercase;
display: block;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 0px #337715;

}

.shoppingCartData td {
	padding-top:10px;
}

.TotalPriceValue {
color: #000000;
}

.TotalDiscountValue {
font-weight: normal;
}

.DeliveryFeeValue, .TotalPriceValue, .TotalVATValue {
	 text-transform: uppercase;
	 font-weight: bold;
}

.ButtonsArea .Checkout{
	
	background-color: transparent !important;
font-size: 11px !important;
text-transform: uppercase !important;	
color:#909090 !important;

margin: 10px 0 20px 20px !important; 
overflow:visible;


	border: none !important;
	background-color: transparent !important;
font-size: 12px !important;
	
color:#fff!important;
padding:0px 0 0 0px !important;

overflow:visible;
font-weight: bold;
background: url(/UserUploadImages/system/button_buy_big.gif) no-repeat ;
width: 177px;
height:32px;

text-shadow: 0px -1px 0px #337715;

}


.shopWrapper .desc {
	width: 150px;
}

.PaymentContent table .data /* to make the  */{ 
		width: 10px;
}



/* Form  ____________________________________ */

.AddCMSSysSearchResultText {
width: auto !important;

}

.AddCMSSysSearchResultButton{
border: 1px solid white !important;
padding:0px 2px 1px 2px !important;
float: left !important;
height: 22px !important;
margin-left:3px !important;
 background-color: #ececec !important;
float:left !important;
font-size:11px !important;
}

.AddCMSSysSearchResultText {
border-top: 1px solid #ececec !important;
border-right: 1px solid #ececec !important;
border-bottom: 1px solid #ececec !important;
border-left: 1px solid #ececec !important;
margin: 0px 0px 0px 0 !important;
padding: 2px 0px 1px 4px !important;
width:175px !important;
float: left !important;
height: 17px !important;
background-attachment: inherit !important;
background-repeat: no-repeat !important;
}

.AddCMSSysSearchResultHeader {
overflow: hidden;
}


.button {
background-color: #004589;
color: #fff;
font-weight: bold;
}

input, .required, #UsercontrolCMSControl89_DeliveryInfoCountry /* delivery country select list*/
, #UsercontrolCMSControl83_deliveryInfoCountryDropDown  {
font-family: Arial, verdana,   Helvetica, sans-serif;
font-size: 11px;
}

#UsercontrolCMSControl89_CustomerEmail
{
        width: 250px;
}


/* kassan länkar */

.summaryDeliveryFee, .summaryNet, .summaryVAT {
font-weight:bold;
padding:0 0 4px 17px;
text-transform:uppercase;
}



/* Related articles */

.relatedArticles {width: 770px; clear: both; overflow: hidden; background-image:url(/UserUploadImages/system/bg_2px.gif);
background-position:0 50%;
background-repeat:repeat-y;}

.relatedArticles .artListItems {
clear:both;
margin:0;
padding:0 0 0 0px;
}
.relArtArtHeader {border-top: 10px solid white; background-color: #919191; color: white; text-transform: uppercase; padding:5px 0 4px 15px; margin-bottom: 15px;
}

.relArtArtHeader h3 {color: white; margin: 0; padding: 0;}

/* Add this */

a.addthis_button {text-decoration: none; font-size: 11px;}