/* -----------------------------------------------------------------------------------------------------------------
	common
----------------------------------------------------------------------------------------------------------------- */	
	/* some nice to have resets */
	p,div, body, img { padding: 0; margin: 0; }
	a img{ border: none; }
	
	/* Clearing floats without extra markup - Based on How To Clear Floats Without Structural Markup by PiE
	   [http://www.positioniseverything.net/easyclearing.html] */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Regular clearing -  apply to column that should drop below previous ones. */
	.clear { clear: both; }
	
/* -----------------------------------------------------------------------------------------------------------------
	YOUR site layout
----------------------------------------------------------------------------------------------------------------- */
	
	.px246x484x223 .col1 { width: 246px; margin-right: 5px; }
	.px246x484x223 .col2 { width: 484px; }
	.px246x484x223 .col3 { width: 223px; margin-left: 6px; }
	
	.px255x484x232 { }
	
	.px246x468x246 .col1 { width: 246px; margin-right: 2px; }
	.px246x468x246 .col2 { width: 468px; }
	.px246x468x246 .col3 { width: 246px; margin-left: 2px; }

/* -----------------------------------------------------------------------------------------------------------------
	predefined layout - add your site layout before; everything else after
----------------------------------------------------------------------------------------------------------------- */
	#wrap { width: 960px; margin: 0 auto; padding: 0; }

	.colmask { position: relative; clear: both; width: 100%; overflow: hidden; }
	.colmask .col1, .colmask .col2, .colmask .col3, .colmask .col4 { float: left; }
	
	/* |-------------------------50%-------------------------|-------------------------50%-------------------------| */
	.p50x50 .col1, .p50x50 .col2 { width: 49.9%; }
	/* |----------20%----------|----------------------------------------80%----------------------------------------| */
	.p20x80 .col1 { width: 19.9%; }
	.p20x80 .col2 { width: 79.9%; }
	/* |----------------------------------------80%----------------------------------------|----------20%----------| */
	.p80x20 .col1 { width: 79.9%; }
	.p80x20 .col2 { width: 19.9%; }
	/* |---------------30%---------------|-----------------------------------70%-----------------------------------| */
	.p30x70 .col1 { width: 29.9%; }
	.p30x70 .col2 { width: 69.9%; }
	/* |-----------------------------------70%-----------------------------------|---------------30%---------------| */
	.p70x30 .col1 { width: 69.9%; }
	.p70x30 .col2 { width: 29.9%; }
	/* |----------------33%----------------|----------------33%----------------|----------------33%----------------|  */
	.p33x33x33 .col1, .p33x33x33 .col2, .p33x33x33 .col3 { width: 33.2%; }
	/* |------------25%------------|-------------------------50%-------------------------|------------25%------------|  */
	.p25x50x25 .col1, .p25x50x25 .col3 { width: 24.45%; }
	.p25x50x25 .col2 { width: 50.9%; }	
	/* |------------25%------------|------------25%------------|------------25%------------|------------25%------------| */
	.p25x25x25x25 .col1, .p25x25x25x25 .col2, .p25x25x25x25 .col3, .p25x25x25x25 .col4 { width: 24.9%; }
	
	/* getting equal hight blocks; works due to the hidden overflow on colmask */
	.equal .col1, .equal .col2, .equal .col3, .equal .col4 { margin-bottom: -30000px; padding-bottom: 30000px; }
	
	/* set the default margin for the content div */
	#contentMain { margin: 0 10px; }
	
	/* give them some nice margin */
	.col1 .content, .col2 .content, .col3 .content { margin: 0 10px; }
	
	/* override col1 left margin and col2 right margin for 2 cols */
	.p50x50 .col1 .content, .p20x80 .col1 .content, .p80x20 .col1 .content, .p30x70 .col1 .content, .p70x30 .col1 .content { margin-left: 0; }
	.p50x50 .col2 .content, .p20x80 .col2 .content, .p80x20 .col2 .content, .p30x70 .col2 .content, .p70x30 .col2 .content { margin-right: 0; }
	
	/* override col1 left margin and col3 right margin for 3 cols */
	.p33x33x33 .col1 .content, .p25x50x25 .col1 .content { margin-left: 0; }
	.p33x33x33 .col3 .content, .p25x50x25 .col3 .content { margin-right: 0; }

/* -----------------------------------------------------------------------------------------------------------------
	YOUR everything else
----------------------------------------------------------------------------------------------------------------- */
	
	h1, h2, h3, h4, h5 { color: #4b4b4b; margin: 0; padding: 0; font-style: italic; font-weight: bold; }
	h1 { font-size: 26px; font-weight: bold; margin-bottom: 15px; }
	h1 span { border-bottom: 2px solid #4b4b4b; }
	h2 { font-size: 22px; font-weight: bold; margin-bottom: 15px; }
	h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; }
	h4 { font-size: 14px; }
	h5 { font-size: 14px; border-top: 1px solid #4b4b4b; padding: 4px 0; margin-top: 4px; }
	
	
	body { font-size: 12px; font-family: Arial; padding-bottom: 10px; }
	a { text-decoration: underline; color: #4B4B4B; font-weight: bold; font-style: italic; }
	a:hover { text-decoration: underline; }
	
	#wrap { width: 964px; }
	
	#header { }
		#header embed { margin: 0 5px; background: url('img/header_02_background.jpg'); }
		#menuMain { height: 30px; background: url('img/menuMain.bg.gif') no-repeat; padding-top: 13px; }
		#menuMain a { padding-left: 26px; margin-left: 4px; background: url('img/menuMainItem.bg.gif') no-repeat left 1px; text-transform: uppercase; color: #000; text-decoration: none; font-weight: normal; }
			#menuMain a:hover, #menuMain a.active { color: #b38f3e; }
			#menuMain a.first { background: none; padding-left: 0; margin-left: 20px; }
			
		#breadcrumb { color: #2f2f2f; font-size: 12px; margin-left: 20px; }
			#breadcrumb a { color: #2f2f2f; text-decoration: none; margin: 0 2px; font-weight: normal; }
			#breadcrumb a:hover { text-decoration: underline; }
		
	.box246 { background: url('img/box246.bg.gif') no-repeat; padding: 15px; min-height: 152px; }
	.box223 { background: url('img/box223.bg.gif') no-repeat; padding: 15px; min-height: 438px; }
	
	#contentWrap { background: url('img/box484.top.bg.gif') no-repeat; }
	#contentWrap .innerWrap { background: url('img/box484.bottom.bg.gif') no-repeat left bottom; min-height: 556px; }
	
	#contentMain { padding: 15px; }
	
	#footer { position: relative; background: url('img/footer.bg.gif') no-repeat 0 18px; margin-top: 5px; }
		#menuFooter { position: absolute; right: 0; font-size: 12px; }
			#menuFooter a { color: #2f2f2f; text-decoration: none; margin-left: 5px; padding-left: 10px; background: url('img/menuFooterItem.bg.gif') no-repeat 0 6px; font-weight: normal; }
				#menuFooter a:hover { text-decoration: underline; }
				#menuFooter a.first { background: none; padding-left: 0; }
		#contentFooter { padding-top: 35px; }
		#footerLeft { color: #A4A4A4; position: absolute; }
			#footerLeft a { color: #A4A4A4; font-weight: normal; text-decoration: none;  }
				#footerLeft a:hover { color: #666; }
	
	#menuSub { color: #494949; }
		#menuSub a { color: #494949; text-decoration: none; display: block; font-style: normal; font-weight: normal; }
			#menuSub a:hover, #menuSub a.current, #menuSub a.active { font-weight: bold; }
		#menuSub ul { list-style-type: none; padding: 0; margin: 0; }
			#menuSub li { border-top: 1px solid #6d6d6d; position: relative; text-transform: uppercase; padding: 2px 5px; }
				#menuSub li span { position: absolute; right: 0; font-style: italic; }
				#menuSub li ul { margin-left: 10px; }
					#menuSub li ul li { background: url('img/menuSubItem.bg.gif') no-repeat 0 6px; padding-left: 15px; text-transform: none; border: none; }
					
	.shopItem { border-bottom: 1px solid #6d6d6d; margin-bottom: 10px; padding-bottom: 10px; }
		.shopItemImage { width: 100px; float: left; }
		.showItemContent { }
		
		
/* -----------------------------------------------------------------------------------------------------------------
	SHOP (wt_simple_cart)
----------------------------------------------------------------------------------------------------------------- */


.wsc-quantity input { width: 20px; }
div.tx-wtsimplecart-pi1 h2 {
  margin-top: 20px;
}


/********* Cart items table ********/
table.wsc-items-table-header, table.wsc-items-table-item { width: 100%; border-collapse: collapse; }
table.wsc-items-table-header td { padding: 4px; font-weight: bold; }
form.wsc-items-table-item-form { margin: 0; padding: 0; display: inline; }
table.wsc-items-table-item td { padding: 4px; }
table.wsc-items-table-header td.wsc-quantity, table.wsc-items-table-item td.wsc-quantity { width: 10%; }
table.wsc-items-table-header td.wsc-name, table.wsc-items-table-item td.wsc-name { width: 40%; }
table.wsc-items-table-header td.wsc-total-price, table.wsc-items-table-item td.wsc-total-price { width: 20%; }
table.wsc-items-table-header td.wsc-action, table.wsc-items-table-item td.wsc-action { width: 30%; }
div.wsc-order-overview table.wsc-items-table-header td.wsc-quantity, div.wsc-order-overview table.wsc-items-table-item td.wsc-quantity { width: 10%; }
div.wsc-order-overview table.wsc-items-table-header td.wsc-name, div.wsc-order-overview table.wsc-items-table-item td.wsc-name { width: 40%; }
div.wsc-order-overview table.wsc-items-table-header td.wsc-total-price, div.wsc-order-overview table.wsc-items-table-item td.wsc-total-price { width: 20%; }

table.wsc-items-table-item td.wsc-even {  }
table.wsc-items-table-item td.wsc-odd { }
form.wsc-items-table-item-form input.wsc-remove-item-button,
form.wsc-items-table-item-form input.wsc-update-item-quantity-button { margin-left: 6px; }


table.wsc-items-table-footer {
  width: 100%;
  border-collapse: collapse;
  border: 0px;
  margin-top: 15px;
}

table.wsc-items-table-footer td {
  padding-right: 10px;
  padding-top: 10px;
  width: 50%;
}

table.wsc-items-table-footer td.wsc-mailing-expenses-label {
  text-align: right;
}

table.wsc-items-table-footer td.wsc-total-price-label {
  text-align: right;
  font-weight: bold;
}

table.wsc-items-table-footer td.wsc-total-price-value {
  font-weight: bold;
}

table.wsc-items-table-footer td.wsc-total-discount-price-label {
  text-align: right;
  font-weight: bold;
  border-top: 1px solid black;
}

table.wsc-items-table-footer td.wsc-total-discount-price-value {
  font-weight: bold;
  border-top: 1px solid black;
}

table.wsc-items-table-footer td.wsc-total-discount-label {
  text-align: right;
  font-weight: bold;
  color: #C93030;
  padding-bottom: 10px;
}

table.wsc-items-table-footer td.wsc-total-discount-value {
  font-weight: bold;
  color: #C93030;
  padding-bottom: 10px; 
}

table.wsc-items-table-footer td.wsc-vat-amount-discount-label {
  text-align: right;
}

div.wsc-start-order-button { text-align: center; }

a.wsc-clear-cart-link {
  display: block;
  margin-top: 20px;
  color: #494949;
}
  

/******* Customer data form ********/

form.wsc-customer-data-form label {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
}

form.wsc-customer-data-form p {
  margin-top: 10px;
  margin-bottom: 0px;
}

form.wsc-customer-data-form div.wsc-continue-order-button {
  text-align: center;
  margin-top: 45px;
}

div.wsc-customer-data-invalid-message {
  font-weight: bold;
  color: #f29400;
  margin-top: 20px;
}

div.wsc-field-invalid-message {
  font-size: 11px;
  margin-top: 6px;
  color: #f29400;
  font-weight: bold;  
}

div.wsc-field-remark {
  font-size: 11px;
}

/******* Order overview ********/

div.wsc-order-overview div.wsc-label {
    margin-top: 13px;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: bold;
}

div.wsc-order-overview div.wsc-value {
  margin-left: 8px;
}

form.wsc-execute-order-form div.wsc-execute-order-button {
  text-align: center;
  margin-top: 45px;
}

div.wsc-order-overview {
  margin-top: 15px;
}

/* Cart items table */
table.wsc-items-table-header, table.wsc-items-table-item {
  width: 100%;
  border-collapse: collapse;
}

table.wsc-items-table-header th {
  padding: 4px;
  font-weight: bold;
}

form.wsc-items-table-item-form {
  margin: 0px;
  padding: 0px;
  display: inline;
}

table.wsc-items-table-item td {
  padding: 1px;
}		
		
	
.wsc-update-item-quantity-button, .wsc-remove-item-button { background: none; border: none; display: inline; padding: 0 0 1px 0; margin: 0; }
.wsc-update-item-quantity-button:hover, .wsc-remove-item-button:hover { border-bottom: 1px solid #000; padding: 0; }

table.wsc-items-table-footer { border-top: 1px solid #000; margin-top: 10px; }
div.wsc-start-order-button { margin-top: 10px; }
div.wsc-start-order-button input { background: url('img/orderButton.gif') no-repeat; width: 134px; height: 31px; border: none; cursor: pointer; }


.shopItemControls input { width: 20px; }
.shopItemControls button { background: url('img/cartAdd.gif') no-repeat; width: 205px; height: 28px; border: none; padding-top: 7px; cursor: pointer; }
	.shopItemControls button span { display: none; }