@import url(http://fonts.googleapis.com/css?family=Cantarell);
article.WebshopModule{
padding: 30px 0px;
margin-top: 42px;
}

div#Sidebar ul#ShopNav {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #c7c7c7;
    list-style: none outside none;
    margin: 0 -10px;
    position: relative;
}
article.WebshopModule ul,
article.WebshopModule ol,
article.WebshopModule li{
	list-style: none;
	padding: 0px;
	background:#1c85dd;
}
article.WebshopModule hr{
	border: 0px;
	border-bottom: 1px dotted #666;
}

/* Webshop Head */
article.WebshopModule #Shop #Head{
	position: relative;
	clear: both;
	display: block;
	overflow: hidden;
	float: right;
	padding: 5px;
	width: 700px;
	border-bottom: 1px dotted #777777;
    border-top: 1px dotted #777777;
}
article.WebshopModule #Shop #Head #catalog_cart_mini{
	float: left;
	margin: 0px;
	padding-left: 5px;
	line-height: 34px;
}
article.WebshopModule #Shop #Head a{
	margin: 0px 0px 0px 5px;
}
article.WebshopModule #Shop #Head a.CartBtn{
	margin: 0px 0px 0px 5px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #777777;
	padding: 4px 8px;
	background: #1c85dd; /* Old browsers */
}
article.WebshopModule #Shop #Head a.CartBtn:hover{
	background: #777777;
}
article.WebshopModule #Shop #Head a.CartBtn img,
article.WebshopModule #Shop #Head a.CartBtn span{
	display: none;
}
article.WebshopModule #Shop #Sidebar .algVoorwaarden{
	border-top: 1px dotted #ccc;
	margin: 15px 10px 25px;
	padding-top: 15px;
}

/* Webshop Sidebar */
article.WebshopModule #Sidebar a.CartBtn span,article.WebshopModule #Shop #Head a.CartBtn span{
	margin-left: 0px;
}
article.WebshopModule #Shop #Sidebar{
	padding: 0px;
}
article.WebshopModule #Shop #Sidebar .searchForm{
	position: relative;
	padding-bottom: 10px;
}
article.WebshopModule #Shop #Sidebar .searchForm .labrel-search{
	font-weight: bold;
}
article.WebshopModule #Shop #Sidebar .searchForm .ui-autocomplete-input{
	position: relative;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px #ddd;
    padding: 0px 9px;
    width: 220px;
}
article.WebshopModule #Shop #Sidebar .searchForm #BtnSearch{
	background: url(../images/icon-search.png) no-repeat center top;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav{
	margin: 0px 0px 20px;
	padding: 5px;
	border: none;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav li{
	position: relative;
	text-align: left;
	border-top: 1px dotted #ccc;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav ul{
}
article.WebshopModule #Shop #Sidebar ul#ShopNav > li:first-child{
	border: none;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav li a{
	background: none;
	border: none;
	color: #ffffff;
	line-height: 20px;
	padding: 5px 10px 5px 15px;
	font-family: 'Cantarell', sans-serif;
	font-size:14px;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav ul li a{
	padding-left: 25px;
}
article.WebshopModule #Shop div#Sidebar ul#ShopNav a:hover, article.WebshopModule #Shop div#Sidebar ul#ShopNav .selected a, article.WebshopModule #Shop div#Sidebar ul#ShopNav a.opened{
	background: #1c85dd;
	color: #ffffff;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav li a.open{
	position: absolute;
	top: 0px;
	height: 30px;
	left: 0px;
	margin: 0px;
	background: url(../images/icon-open.png) no-repeat 5px 13px;
	padding: 0px;
}
article.WebshopModule #Shop #Sidebar ul#ShopNav a.open:hover{
	/*background-position: 5px 21px;*/
}
article.WebshopModule #Shop #Sidebar form#user-login{
	position: relative;
	border-bottom: 1px dotted #777777;
	margin-bottom: 15px;
	margin:5px;
	padding-bottom: 17px;
}
article.WebshopModule #Shop #Sidebar form#user-login h2{
	padding-bottom: 10px;
	padding-left: 5px;
}
article.WebshopModule #Shop #Sidebar form#user-login input.field{
	width: 207px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0px 1px 2px #ddd;
	margin: 0 0 10px;
}
article.WebshopModule #Shop #Sidebar form#user-login small{
	color: #999;
}
article.WebshopModule #Shop #Sidebar form#user-login a.registrate{
	margin: 0px;
}
article.WebshopModule #Shop #Sidebar form#user-login a.Send{
	font-size: 12px;
	line-height: 20px;
	margin-left: 0!important;
	font-weight: bold;
	color: #fff;
	border: 1px solid #777777;
    padding: 4px 2px;
	background: #1c85dd; /* Old browsers */
}
article.WebshopModule #Shop #Sidebar form#user-login a.Send:hover{
	background: #777777;
}
article.WebshopModule #Shop #Sidebar form#user-login a.Send span{
	display: none;
}
article.WebshopModule #Sidebar #catalog_cart{
	margin: 0px;
}
article.WebshopModule #Sidebar ul#catalog_cart li.row {
	padding-left: 5px;
	margin-bottom: 5px;
	background: #f2f2f2;
}
article.WebshopModule #Sidebar ul#catalog_cart li.row a.Remove{
	right: 1px;
}
article.WebshopModule #Shop #Sidebar a.CartBtn{
	margin: 5px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #777777;
	padding: 4px 8px;
	background: #1c85dd; /* Old browsers */
}
article.WebshopModule #Shop #Sidebar a.CartBtn:hover{
	background: #777777;
}
article.WebshopModule #Shop #Sidebar a.CartBtn img,
article.WebshopModule #Shop #Sidebar a.CartBtn span{
	display: none;
}

/* Webshop Content */
article.WebshopModule #Shop #ShopContent{
	border: none;
    width: 705px;
	text-align: left;
	
}
article.WebshopModule #Shop #ShopContent > .highslide-gallery{
	display: none;
}
/* Webshop Category Slideshow
article.WebshopModule div#ShopContent .fluid_container{
	width: 740px;
	min-width: 740px;
}
article.WebshopModule div#ShopContent .fluid_container .camera_commands{
	display: none!important;
}
article.WebshopModule div#ShopContent .fluid_container .camera_prev,
article.WebshopModule div#ShopContent .fluid_container .camera_next{
}
article.WebshopModule div#ShopContent .fluid_container .camera_prev{
	right: 40px;
}
article.WebshopModule div#ShopContent .fluid_container .camera_next{
	right: 10px;
}
article.WebshopModule div#ShopContent .fluid_container .camera_prev > span,
article.WebshopModule div#ShopContent .fluid_container .camera_next > span{
    width: 25px;
    height: 25px;
}
article.WebshopModule div#ShopContent .fluid_container .camera_prev > span{
    background: url(../images/icon-prev.png) no-repeat center !important;
}
article.WebshopModule div#ShopContent .fluid_container .camera_next > span{
    background: url(../images/icon-next.png) no-repeat center !important;
} 
*/
/* */
article.WebshopModule div#ShopContent #Breadcrumbs{
	height: auto;
	background: #1c85dd;
	color: #fff;
	margin-top: 2px;
}
article.WebshopModule div#ShopContent #Breadcrumbs a{
	color: #fff;
}
article.WebshopModule div#ShopContent h1#Title{
	background: none;
	border: none;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px;
	margin-bottom: 15px;
	font-size: 30px;
}
article.WebshopModule div#ShopContent div#Products #ProdNav{
	width: auto;
}
article.WebshopModule div#ShopContent div#Products div.ProdItem{
	width: 150px;
	height: 150px;
	border: 1px solid #ccc4bc;
}
article.WebshopModule div#ShopContent div#Products div.ProdItem div.ProdPrice{
	background: #b20a0f;
	padding: 0px 7px;
}
article.WebshopModule div#ShopContent .nailthumb-container span.nailthumb-title{
	position: absolute;
	left: 0px;
	right: 0px;
	top: auto !important;
	bottom: 0px;
	height: auto;
	line-height: 15px;
	background: url(../images/bg-black-50.png);
	text-align: left;
	font-size: 12px;
	padding: 5px;
	width: auto;
}
article.WebshopModule div#ShopContent .nailthumb-container span.nailthumb-title .nailthumb-title-scroller{
	position: relative;
	white-space: normal !important;
	width: 100% !important;
	left: 0 !important;
	padding: 0px;
	display: block;
}
article.WebshopModule div#ShopContent div#CatContent{
	padding: 0px;
}
article.WebshopModule div#ShopContent div#CatContent .outer{
	position: relative;
	z-index: 1;
	max-width: 275px;
}
article.WebshopModule div#ShopContent div#CatContent .outer ul,
article.WebshopModule div#ShopContent div#CatContent .outer li{
	margin: 0px;
	padding: 0px;
	background: none;
}
article.WebshopModule div#ShopContent div#CatContent .outer li.medPhotoBox{
	display: block;
}
article.WebshopModule div#ShopContent div#CatContent .articleInfoBox{
	position: relative;
	width: auto;
	height: auto;
	margin: 0px;
}
article.WebshopModule div#ShopContent div#CatContent ul.thumbs li{
	margin: 5px 5px 0px 0px;
}
article.WebshopModule div#ShopContent div#CatContent ul.Gallery a{
	width: 240px;
}
article.WebshopModule div#ShopContent div#CatContent ul.Gallery a img.medPhoto.nailthumb-image{
	position: absolute!important;
}
article.WebshopModule div#ShopContent div#CatContent ul.Gallery a,
article.WebshopModule div#ShopContent div#CatContent ul.thumbs a{
	border: 1px solid #222 !important;
}
article.WebshopModule div#ShopContent div#CatContent #Order select,
article.WebshopModule div#ShopContent div#CatContent #Order input#Qty{
	margin-left: 5px;
}
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddCart,
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddWishlist{
	margin: 0px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #1c85dd;
	padding: 4px 8px;
	background: #b20a0f; /* Old browsers */
}
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddCart:hover,
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddWishlist:hover{
	background: #393838;
}
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddCart img,
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddCart span,
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddWishlist img,
article.WebshopModule div#ShopContent div#CatContent #Order #OrderBtns .AddWishlist span{
	display: none;
}
article.WebshopModule div#ShopContent div#CatContent .articleShortDesc{
	position: relative;
	padding-top: 10px;
	clear: none;
}
article.WebshopModule div#ShopContent div#Products div.Tabs{
	position: relative;
	border-top: 1px dotted #ccc;
	padding-top: 10px;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation{
	background: none;
	display: inline-block;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li{
	position: relative;
	padding: 0px;
	margin: 0px;
	background: none;
	float: left;
	display: block;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li a{
	background: #49373A;
	color: #fff;
	padding: 7px 10px;
	display: block;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li a.selected, article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li a.selected:hover{
	background: #b20a0f;
	color: #fff;
	border: none;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li a.selected:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 6px solid transparent;
	border-top-color: #b20a0f;
}
article.WebshopModule div#ShopContent div#Products div.Tabs ul.tabNavigation li a:hover{
	background: #1c85dd;
}
article.WebshopModule div#ShopContent div#Products div.Tabs div.TabContent{
	background: #fff;
	border: 1px solid #1c85dd;
	margin: 0px;
	padding: 10px 15px;
	clear: both;
}
/* Webshop Content Subcat */
article.WebshopModule div#ShopContent div#article-content #CatSubCats{
	border: none;
	background: #eee;
}
article.WebshopModule div#ShopContent div#article-content #CatSubCats ul,
article.WebshopModule div#ShopContent div#article-content #CatSubCats li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background: none;
}
article.WebshopModule div#ShopContent #CatSubCats a.level1{
	width: 135px;
	min-height: 125px;
	line-height: 14px;
	margin: 9px;
	background: #fff;
	padding: 5px;

	text-align: center;
}
article.WebshopModule div#ShopContent #CatSubCats a.level1:hover{
	box-shadow: 0px 0px 0px 2px #ccc;
}
article.WebshopModule div#ShopContent #CatSubCats a.level1 .foto-sub{
	width: 100px;
	display: block;
	margin: 5px auto;
	border: none;
}

/* Webshop Content Text */
article.WebshopModule div#ShopContent div#article-content{
	position: relative;
	padding-bottom: 30px;
}
article.WebshopModule div#ShopContent div#article-content p{
	padding: 5px 0px;
}
article.WebshopModule div#ShopContent div#article-content ul{
	padding: 5px 0px 5px 15px;
	list-style: none;
}
article.WebshopModule div#ShopContent div#article-content ul li{
	padding: 0px 0px 5px 5px;
	list-style: disc;
}
article.WebshopModule div#ShopContent div#article-content ul ul li{
}
article.WebshopModule div#ShopContent div#article-content ol{
	padding: 5px 0px 5px 30px;
	list-style: decimal-leading-zero;
}
article.WebshopModule div#ShopContent div#article-content ol li{
	padding: 0px 0px 5px 5px;
	list-style: decimal-leading-zero;
}

/* Webshop Caddy Page */
article.WebshopModule #Shop #ShopContent #Checkout{
	padding: 0px;
}
article.WebshopModule #Shop #ShopContent #Checkout th{
	font-weight: bold;
	padding-right: 5px;
}
article.WebshopModule #Shop #ShopContent #Checkout h4{
	margin: 0px;
}
article.WebshopModule #Shop #ShopContent #Checkout .ProdPhoto,
article.WebshopModule #Shop #ShopContent #Checkout .ProdNoPhoto{
	padding-right: 5px;
}
article.WebshopModule #Shop #ShopContent #Checkout .Checkout,
article.WebshopModule #Shop #ShopContent #Checkout .Send,
article.WebshopModule #Shop #ShopContent #accountRegister .send{
	margin: 0px 0px 0px 5px;
	width: auto;
	height: auto;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #1c85dd;
	padding: 4px 8px;
	background: #b20a0f; /* Old browsers */
}
article.WebshopModule #Shop #ShopContent #Checkout .Checkout:hover,
article.WebshopModule #Shop #ShopContent #Checkout .Send:hover,
article.WebshopModule #Shop #ShopContent #accountRegister .send:hover{
	background: #393838;
}
article.WebshopModule #Shop #ShopContent #Checkout .Checkout img,
article.WebshopModule #Shop #ShopContent #Checkout .Checkout span,
article.WebshopModule #Shop #ShopContent #Checkout .Send img,
article.WebshopModule #Shop #ShopContent #Checkout .Send span,
article.WebshopModule #Shop #ShopContent #accountRegister .send img,
article.WebshopModule #Shop #ShopContent #accountRegister .send span{
	display: none;
}
article.WebshopModule #Shop #ShopContent #Checkout ol,
article.WebshopModule #Shop #ShopContent #Checkout ol li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: none;
}
article.WebshopModule #Shop #ShopContent #Checkout ol li.Border{
	border-top: 1px solid #fff;
}
article.WebshopModule #Shop #ShopContent #Checkout ol li.Border:first-child{
	border-top: 0px;
}
article.WebshopModule #Shop #ShopContent #Checkout ul,
article.WebshopModule #Shop #ShopContent #Checkout ul li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: none;
}
article.WebshopModule #Shop #ShopContent #Checkout .Border h4.StepTitle{
	background: #1c85dd;
	color: #ffffff;
	padding: 5px 10px;
}
article.WebshopModule #Shop #ShopContent #Checkout .Border h4.StepTitle.Active{
	background: #393838;
	margin-bottom: 10px;
	font-size: 18px;
	color: #fff;
}
article.WebshopModule #Shop #ShopContent #Checkout .Border h4.StepTitle a{
	background: #b20a0f url(../images/bg-black-50.png);
	color: #fff;
	display: block;
	margin: -5px -10px;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 16px;
}
article.WebshopModule #Shop #ShopContent #Checkout .Border h4.StepTitle a:hover{
	background-color: #b20a0f;
}
article.WebshopModule #Shop #ShopContent #Checkout label,
article.WebshopModule #Shop #ShopContent #accountRegister label{
	width: 130px;
}
article.WebshopModule #Shop #ShopContent #Checkout input.field,
article.WebshopModule #Shop #ShopContent #Checkout input.Text,
article.WebshopModule #Shop #ShopContent #Checkout select,
article.WebshopModule #Shop #ShopContent #Checkout textarea,
article.WebshopModule #Shop #ShopContent #accountRegister input.Text,
article.WebshopModule #Shop #ShopContent #accountRegister select{
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: inset 0px 1px 2px #ddd;
	font: 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #1c85dd;
}
article.WebshopModule #Shop #ShopContent #Checkout input.Text,
article.WebshopModule #Shop #ShopContent #accountRegister input.Text{
	width: 180px;
	padding: 0px 5px;
	height: 25px;
}
article.WebshopModule #Shop #ShopContent #accountRegister input.Text{
	width: 180px !important;
}
article.WebshopModule #Shop #ShopContent #Checkout select,
article.WebshopModule #Shop #ShopContent #accountRegister select{
	padding: 5px;
	margin-bottom: 5px;
}
article.WebshopModule #Shop #ShopContent #Checkout textarea{
	padding: 5px;
	width: 400px;
	height: 100px;
}
article.WebshopModule #Shop #ShopContent #ProdContent{
	padding: 0px;
}
article.WebshopModule #Shop #ShopContent div#accountContent ul#edit-adress li input,
article.WebshopModule #Shop #ShopContent div#ProdContent ul li input{
	height: auto;
}
article.WebshopModule #Shop #ShopContent #Checkout p.checkoutCondition{
    background: #B9584B;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
}
article.WebshopModule #Shop #ShopContent #Checkout p.checkoutCondition a{
	color: #fff;
}
article.WebshopModule #Shop #ShopContent #Checkout p.checkoutCondition input{
	vertical-align: top;
}
article.WebshopModule #Shop #ShopContent #Checkout #notChecked{
	position: relative;
    color: #B9584B;
    font-weight: bold;
    text-align: right;
    padding-bottom: 5px;
}

div#Sidebar {
    float: left;
    padding: 0 10px 20px;
    position: relative;
    width: 230px !important;
}
  div#Sidebar ul#ShopNav li {
    background: #1c85dd;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}