/*--------------------------------*/
/*  Copyright Eastpoint 2006      */
/*--------------------------------*/

/* HTML Elements */
html,body,h1,h2,h3,h4,h5,h6,p,form,ul {
	margin: 0;
}

img {
	border: 0;
}

/* Layout Elements */
body {
	padding: 0; 
	border: 0;  
	color: #000000;
	background: White url(/UserUploadImages/system/bg_body2.jpg) repeat-x;
}
table {
	border-collapse: collapse;
}
input {
	color: #000;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
input.radio, input.checkbox {
	background-color: #fff;
}


/* Type Elements */
body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h1 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h3 {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


p {
	padding: 0;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: underline;
}

/* Layout Elements ____________________________________ */
#pageContainer {
	width: 792px;
	padding: 4px;
	background-color: #ffffff;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#pageTop { 
	background-color: #1489B4;
	background-image: url(/UserUploadImages/bg_pagetop.jpg);
	background-repeat: no-repeat;
	width: 792px;
	height: 124px;
	padding: 0;
}
#pageNavigation {
	float: left;
	width: 792px;
	background-image: url(/UserUploadImages/bg_pagenavigation.gif);
	background-repeat: no-repeat;
	background-color: #1489B4;
	height: 33px;

}
#footer {
	float: left;
	width: 792px;
	margin: 0;
	background-color: #9c9d8c;
}

/* Page Dividers and Columns Splits ____________________________________ */
#pageBody {
	float: left;
	width: 792px;
	border-top: 1px solid #fff;
	background-color: #ffffff;
}
#columnLeft {
	float: left;
	width: 170px;
	padding: 10px 0 0 0;
}
#columnMain {
	float:right;
	padding: 0 0 0 0;
	width: 622px;	

}


/* Navigation / Category Selector ____________________________________ */
#pageNavigation ul {
	list-style-type: none;
	margin-left: 190px;
	margin-top: 9px;
	padding: 0;
}
#pageNavigation li {
	float: left;
}
#pageNavigation li a {
	padding: 0px 12px 0px 12px;
	font-size: 10px;

	color: #181818;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #181818;

}
#pageNavigation li a:hover {
	color: #858585;
}


/* Features including: Basket, Discount, Language, Login, Search, ContentPage */
#categoryNavigation h1 {font-size: 11px; margin-left: 10px; margin-bottom: 5px; color: #1dafe8;}

#basket			{ width: 170px;float: left;  }
#basket h1		{ padding: 10px 0 5px 0; font-size: 11px; margin-left: 10px; margin-bottom: 0px; color: #1dafe8;  background: url(/UserUploadImages/bg_loginCart.gif) no-repeat right; }
#basket #pbasket		{  background: #f2f4f4 url(/UserUploadImages/bg_fade.gif) repeat-x;  padding: 8px 10px 8px 10px;   }
/*#basket div	div	{  background: #f2f4f4 none;  padding: 0px 0px 0px 0px;   }*/
#basket .productsAmount {
	 background: url(/UserUploadImages/bg_dotted.gif) repeat-x bottom  ;
	 margin: 10px 0 0px 0;
	 overflow: hidden;
	  padding: 0px 0px 15px 0px; 
}

#basket .productsTotalPrice {

	  padding: 15px 0px 5px 0px; 
}




#login			{ margin-bottom: 10px; }
#login #pinlogg { background: #f2f4f4 url(/UserUploadImages/bg_fade.gif) repeat-x; padding: 8px 0px 8px 0px;   }
#login h1		{ font-size: 11px; margin-left: 10px; margin-bottom: 5px; color: #1dafe8;  }
#login div div		{ background: none; padding: 0;}
#login .form {
	width: 140px;
	margin-bottom: 5px;
}
#login p {
	margin-bottom: 3px;
}

#search h1		{ font-size: 11px; margin-left: 0px; margin-bottom: 5px; color: #000 !important;}
#search {float:left; background-color: white;  width: 170px;  padding: 8px 0px 8px 0px; }
#search div {  }
#search div div{ float: none; padding: 0; }
#search div table { width: 100%; }

/* General containers and Headings __________________________________ */

#startPage
{

}

#subPage {
	padding: 25px 20px 0 20px;
}

/*#startPage h1
{
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 10px 0;
}*/



.padding {
	padding: 25px 20px 0 20px;
}

#pmainarticles1 {
	overflow: hidden;
	clear: both;
	width: 582px;
	padding-bottom: 15px;
}

#startPage .articleName
{
	color: #000000 !important;
 font-weight: bold !important;
}


/* Article listing __________________________________ */

#subPage .artListHeader {
		clear:both;
	width: 582px;	
}
#subPage .artListSort {
	float:right;
padding: 0 0 10px 0;
}

#subPage .artListItem, #subPage .teaserItem{ 
background: url(/UserUploadImages/bg_dotted.gif) repeat-x bottom;  padding: 0 0 15px 0;  
	width: 582px;	
	overflow: hidden;
	margin-bottom: 10px;
}


#subPage .artListItem h4, #subPage .teaserItem h4{
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 5px 0
}

#subPage .articleName, #subPage .articleShortDesc, #subPage .articleNumber, #subPage .articlePrice, #subPage .articleLink a  {
	width: 400px;
float:left;
margin-bottom:5px;
}
#subPage .artListItem img{
	border: 4px solid #f3f5f4;
	float: right; 
}

/* Related articles*/

#prelarticles {padding-top: 15px; width: 622px;}




.relArtItem {
float:left;
margin:0 10px 0 2px;
padding:5px 0 0;
width:135px;
height: 145px;
}

.relArtItem .articleName{
font-weight: bold;
font-size: 10px;
color: #000000;
width: auto !important;
}


/* Startpage */

#startPage .artListHeader {
		clear:both;
	width: 622px;	
}
#startPage .artListSort {
	float:right;
padding: 0 0 10px 0;
}

#startPage .artListItem, #startPage .teaserItem {
	width: 153px;
	height: 180px; /*height: 280px;*/
	float: left;
	background-color: #fff;
	margin: 0 0 10px 2px;
	padding: 5px 0 0px 0;
	background: #f2f4f4 url(/UserUploadImages/bg_puffHeader.gif) repeat-x;
}
#startPage .artListItem img{
	padding: 3px;
}

#startPage .articleThumb{
		padding: 3px 0px 3px 0px;
text-align: center;
}


#startPage .artListItem h4, #startPage .teaserItem h4, #startPage .articlePrice{
	font-size: 10px !important;
	padding: 1px 10px 5px 10px !important;
	text-align: center;
	width: 131px;	
}

#startPage .articleLink a {
width: 80px;
	color: #000;

}


/* Shop Category Navigation ______________________________________ */
#categoryNavigation {
	float: left;
	width: 170px;

}
#categoryNavigation ul {
	list-style-type: none;
	padding: 0;
	background-color: #f2f4f4;
}

#categoryNavigation ul li {
	background-color: #f2f4f4;
	border-bottom: 1px solid #ffffff;
	margin: -1px 0 0 0;
	background-image: url(/UserUploadImages/bg_categorynav.gif);
	background-repeat: repeat-x;
}
#categoryNavigation ul li ul li {

	background-image: url(/UserUploadImages/bg_categorynav1.gif);

}
#categoryNavigation ul li ul li ul li {

	background-image: url(/UserUploadImages/bg_categorynav2.gif);

}

/* Level 1 */
#categoryNavigation ul li a					{ color: #000;  border-top: 1px solid #ffffff; }
#categoryNavigation ul li a:hover			{ color: #1DAFE8;  } 
#categoryNavigation ul li.selected			{ color: #000; font-weight: bold; }
#categoryNavigation ul li.selected a		{ color: #000; font-weight: bold; }
#categoryNavigation ul li.selected a:hover	{ color: #1DAFE8; font-weight: bold; }


/* Level 2 */
#categoryNavigation ul li.selected ul li a					{ color: #000; font-weight: normal;}
#categoryNavigation ul li.selected ul li a:hover			{ color: #1DAFE8; font-weight: normal;}
#categoryNavigation ul li.selected ul li.selected			{ color: #000; font-weight: bold;}
#categoryNavigation ul li.selected ul li.selected a			{ color: #000; font-weight: bold;}
#categoryNavigation ul li.selected ul li.selected a:hover	{ color: #1DAFE8; font-weight: bold;}

/* Level 3 */
#categoryNavigation ul li.selected ul li.selected ul li a					{ color: #000; font-weight: normal;}
#categoryNavigation ul li.selected ul li.selected ul li a:hover				{ color: #1DAFE8; font-weight: normal;}
#categoryNavigation ul li.selected ul li.selected ul li.selected			{ color: #000; font-weight: bold;}
#categoryNavigation ul li.selected ul li.selected ul li.selected a			{ color: #000; font-weight: bold;}
#categoryNavigation ul li.selected ul li.selected ul li.selected a:hover	{ color: #1DAFE8; font-weight: bold;}

/* General Specs */
#categoryNavigation ul li {
	float: left;
	display: block;
	width: 170px;

}
#categoryNavigation ul li a {
	display: block;
	padding: 5px 10px 5px 35px;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
#categoryNavigation ul li ul {
	padding: 0;
	float: left;
}
#categoryNavigation ul li ul li a {
	padding: 5px 10px 5px 40px;
	font-size: 10px;
}
#categoryNavigation ul li ul li ul li a {
	padding: 5px 10px 5px 50px;
	font-size: 10px;
	background-image:url(/UserUploadImages/bgBullet.gif);
	background-repeat: no-repeat;
}


/* Article view */


#productView
{
	padding: 20px 20px 0 20px;
}

.productViewInfo {
	width: 320px;
	float: left;
}


/*#productView .articleName, #productView .articleShortDesc, #productView .articleLink a  {
	width: 200px;
float:left;
margin-bottom:5px;
}*/


.attributeName {
display:block;
width: 320px;
overflow: hidden;
}


.articleName
{
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 5px 0;
	color: #1AB1EA;
	width: 320px;	
}

div.attributeRequired {
margin-top:10px;
}

.attributes {
		width: 320px;
		overflow: hidden;
}

#productView .articlePrice {
	float:right;
	color: #22ade7;
	font-weight: bold;
	width:220px;
	padding:3px 0 0 5px;
}

#productView .articleImage {
display: block;
	width:200px;
}

#productView .articleImage .thumbnails a {

}


.buy {
	margin-top: 10px;
		width: 320px;
		overflow: hidden;
}

.buy input {
	float: left;
	border: 1px solid #D5D6D6;
	background-color: #22ADE7;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 2px 3px 2px 3px;	
	}

.buy .price
{
	float: right;
	color: #1AB1EA;
	margin-top: 4px;
	width: 320px;	
}	






.productViewImagePlaceholder {
	float: right; 
	/*width: 100px; removed, to much space in firefox	*/	
}

.productViewImagePlaceholder IMG{
	border: 4px solid #f3f5f4;
	margin-bottom: 10px;
}




/* Shopping cart  ____________________________________ */

.shoppingCartData table, .shoppingData table{
	width:100%;
	
}

.shoppingCartData table th, .shoppingData table th{
	text-align:left;
background-image: url(/UserUploadImages/bg_blue_fade.gif);
background-repeat: repeat-x;
color:#fff;
padding: 4px 5px 4px 5px;

}

.shoppingCartData table td, .shoppingData table td{
text-align:left;
padding: 5px 5px 5px 5px;
}

.dataRow{
/*background-image: url(/UserUploadImages/system/bg_grey_fade.gif);*/
background-repeat: repeat-x;
height:40px;
}

.attributeRow{
}

.dataRow .name {
	font-weight: bold;
}


.DeliveryFeeValue td {

		border-top:1px solid #d1d1d1;
}

 .TotalPriceValue td, .summary {
padding: 10px 0 10px 0;
	background-color: #f0f0f0; 
}



.checkoutLink {
	margin-top:20px;
}

.checkoutLink a, .ButtonsArea .Checkout{
display:block;
background-color: #22ade7;
padding: 4px 0px 0px 10px !Important;
color: #fff !Important;
border: 1px solid #d5d6d6 !Important;
font-weight:bold;
text-decoration:  none;
height:18px;
width:115px;
overflow:visible;
text-align: left;
}
.ButtonsArea .Checkout {
	width: 160px !important;
	height:26px;
	margin-bottom:20px;
}

/* Order  ____________________________________ */

.title, .LoginContent, .CustomerTitle, .DeliveryTitle, .DeliveryFeeTitle, .PaymentTitle {

	font-weight: bold;
	margin: 10px 0 10px 0;
	padding:10px 0 5px 0;
	display:block;
border-bottom:1px solid #d1d1d1;
font-size:12px;
}

.AddCMSSysCheckout {

}

.DeliveryFeeValue, .TotalPriceValue, .value, .summary {
	font-size: 12px;
	font-weight: bold;

}

.CustomerContent /* margin between all items */{
	margin: 10px 0px 10px 0;
}

.LoginContent {
}

.LoginData {
background-color:#f0f0f0;
padding:10px;
}

.DeliveryContent {

	margin: 10px 10px 10px 0;
}

.DeliveryFeeContent {

	margin: 10px 10px 10px 0;
}

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







/* form */

#basket .shoppingCartLink a{
	display: block;
	background-color: #22ade7;
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	border: 1px solid #d5d6d6;
}





.AddCMSSysSearchText, .LoginUserName input, .LoginPassword input {
		border: 1px solid #808080;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

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

.LoginButton input, .AddCMSSysSearchButton {
		border: 1px solid #D5D6D6;
	background-color: #22ADE7;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 2px 3px 2px 3px;
}

.form {
	border: 1px solid #808080;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 2px 2px;
}


.buttonBlack {
	border: 2px solid #000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0px 1px 0px 1px;
	float: right;
}


.colormap {

	padding: 10px 0 15px 0;
}

.button {
	border: 1px solid #D5D6D6;
	background-color: #22ADE7;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 2px 3px 2px 3px;
}



.formError {
	border: 1px solid #700022;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 2px 2px 1px 2px;
	background-color: #a80033;
	color: #fff;
}

/* Custon classes */


#pageTop img { 
	padding-top: 30px;
}
.bgTransparent {
	border: 1px solid #D5D6D6;
	background-color: #22ADE7;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 2px 3px 2px 3px;
}
.bodypadding {
	padding: 10px;
}

.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}


.error
{

	color: #1DAFE8;
}