/* ========= Cart and Checkout =========== */

.LoginContent { display:none; }

.shoppingCartData table, .shoppingData table {
	width: 100%;
	margin: 10px 0 0 0;
}

.delete input {
	background: url(/UserUploadImages/system/iconDelete.png) no-repeat top left;
	border: 0;
	width: 24px;
	height: 24px;
	font-size: 0;
	cursor: pointer;
  	cursor: hand;
  	color: #fb8684;
}

.title, .CustomerTitle, .DeliveryTitle, .DeliveryFeeTitle, .PaymentTitle, .hyresLangd {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 0 0;
	display: block;
}

.hyresLangd {
	padding: 10px 0 5px 0;
}

.amount select {
	font-size: 10px;
}

.cartContent table {
	border-collapse: collapse;
	border: 0px solid #ecedf1 !important;
	width: 100%;
}

.cartContent input, .cartContent select {
	font-size: 11px;
	border: 1px solid #858585;
}

.headerRow {
	color: #fff;
	font-size: 12px;
	background-color: #000;
	font-weight: normal;
}

.headerRow th {
	height: 25px;
	text-align: left;
	padding: 1px 5px;
}

.cartContent td {
	padding: 5px;
}

.dataRow {
	border-bottom: 1px solid #d4dddf;
}

.dataRow td{
	border-right: 1px solid #d4dddf;
	padding: 4px;
}

.attributeRow td{
	background: url(/UserUploadImages/cartSeparatorLine.jpg) repeat-x left bottom; }

.attributeRow td div{
	margin: 0 0 4px 0 !important;
	color: #e3e3e3;
}

.delete { border-right: 0 !important; }

.summary {
	float: left;
	font-weight: bold;
	background: url(/UserUploadImages/viewItemTextEnd.jpg) no-repeat left top;
	width: 250px;
	height: 17px;
	padding: 8px 0 0 0;
	font-size: 15px;
	color: #e3e3e3;
}

.TotalPriceValue td {
	border-top: 1px solid gray;
}

.shoppingData {
	border-bottom:3px solid gray;
	margin:0 0 5px;
}

.checkoutLink {
	float: right;
}

.checkoutLink a{
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 0;
	text-align: center;
	height: 35px;
	width: 218px;
	background: transparent url(/UserUploadImages/system/btnBg.png) no-repeat top left;
	color: #fff;
	display: block;

}

.checkoutLink a:hover {
	color: #fff;
}


.title, .CustomerTitle, .DeliveryTitle, .DeliveryFeeTitle, .PaymentTitle {
	background: url(/UserUploadImages/headerBg_blue_200px.jpg) no-repeat left bottom;
	padding: 0 0 5px 5px;
	font-size: 18px;
	font-weight: bold;
}

.DeliveryFeeContent, .PaymentContent, .ButtonsArea {
	float: right;
	width: 205px;
	overflow: hidden;
}

.AddCMSSysCheckout {
	background: url(/UserUploadImages/headerBg_gray_550px.jpg) no-repeat 0px 28px; }

.DeliveryFeeValue, .TotalPriceValue td, .TotalVATValue td, .TotalPriceWithVATValue td, .value {
	font-size: 12px;
	color: #e3e3e3;
	font-weight: bold;
}

.CustomerContent, .DeliveryContent, .DeliveryFeeContent, .PaymentContent, .PaymentFormContent {
	float: left;
	margin: 10px 40px 0 0;
}

.PaymentFormContent {
	margin: 10px 0 0 10px;
}

.DeliveryFeeContent, .PaymentContent {
	/* border-bottom: 2px solid #737373; */
}

.CustomerContent, .DeliveryContent {
	height: 340px;
}

.DeliveryFeeCalculation {
	
}

.ButtonsArea  {
        margin: 15px 0 0;
        padding: 10px 0 0;
        width: 530px;
        border-top: 2px solid #737373;
}

.ButtonsArea input  {
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 10px 0;
	text-align: center;
	height: 48px;
	width: 218px;
	background: transparent url(/UserUploadImages/system/btnBg.png) no-repeat top left;
	color: #fff;
	display: block;
	border: 0;
	cursor: pointer;
}

.ValidateContent {
	background-color: #DADADA;
	position: absolute;
	top: 150px;
}

.ValidateContent ul {
	margin: 5px;
	padding: 5px;
}








.AddCMSSysCategoryDescription h1 {
color: #fff;
font-size: 15px;
font-weight: normal;
}

/* Cart */ 

#cartLeft {
background: transparent url(/UserUploadImages/system/cartBg.png) top left;
width: 166px;
height: 96px;
padding: 5px 0 0 12px;
margin: 0 0 20px 18px;
}

#cartLeft h4 {
font-size: 13px;
font-weight: bold;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
}

#cartLeft .empty {
float: left;
margin: 9px 0 0 40px;
color: #dddddd;
}

.productsAmount, .productsTotalPrice {
float: left;
margin: 0 0 5px 40px;
}

.shoppingCartLink { float: right; margin: 9px 10px 0 0; }
.shoppingCartLink a { font-size: 11px; color: #fff; }


/* Category */ 

#startpageLeft .AddCMSSysTreeMenu {
margin: 0 0 0 10px;
}

#startpageLeft .AddCMSSysTreeMenu a {
font-size: 14px;
font-weight: normal;
padding: 3px 6px;
margin-bottom: 10px;
color: #fff;
}

#startpageLeft .AddCMSSysTreeMenu a:hover, #startpageLeft .AddCMSSysMainSelected {
color: #CFCF87 !important;
background-color: #000;
}




/* Articlelist */ 

#artikelLista {
padding: 0 20px;
width: 530px;
overflow: hidden;
}

.artListItems {
width: 630px;
}

#articleItem {
width: 150px;
background-color: #000;
float: left;
margin: 0 30px 20px 0;
}

#articleItem .articleName {
font-size: 12px;
padding: 3px 5px;
margin: 0;
overflow: hidden;
width: 150px;
height: 15px;
}

#articleItem #articleThumb {
width: 150px;
height: 180px;
background-color: #fff;
overflow: hidden;
}

#articleItem #articleThumb img { border: 0; }

#articleItem #articleLink {
font-size: 12px;
float: left;
padding: 5px;
}

#articleItem #articlePrice {
font-size: 12px;
font-weight: bold;
float: right;
padding: 5px;
}

#articleItem #articleLink a, #articleItem .articleName a {
color: #fff;
}


/* Artikel detalj */ 


#artikelBild {
	float: left;
	width: 250px;
	padding-left: 20px;
}

#artikelInfo {
	float: left;
	width: 255px;
	margin-left: 20px;
        padding-right: 12px;
}

#artikelInfo h1 {
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
}

.articleFullDesc { margin-bottom: 20px }

#artikelInfo .artAttrItem .attributeName, .divAntal { 
        float: left;
        width: 60px;
        padding: 3px 0 0 0;
        margin-bottom: 8px;
}

#artikelInfo .artAttrItem select, .AddCMSSysCountDropDown select { 
        margin-bottom: 8px;
}


#artikelBild img { border: 0; }


.thumbnails img {
	width: 50px;
	overflow: hidden;
	margin: 15px 15px 0 0;
}


.AddCMSSysBuyButton input {
background: transparent url(/UserUploadImages/system/btn-addToCart.gif) top left;
width: 206px;
height: 51px;
font-size: 0px;
border: 0 !important;
margin-top: 25px;
}

#artikelRelaterat {
background: url(/UserUploadImages/windowHeader.gif) repeat-x;
float: left;
margin-top: 30px;
padding: 0 0 0 20px;
width: 540px;
}

.relArtArtHeader h3 {
color: #fff;
font-weight: normal;
padding: 20px 0 5px 0;
}

#shopContent {
float: left;
padding: 0 0 0 20px;
width: 530px;
}