* {
	font-family:Calibri,Tahoma;
	margin:0;
	padding:0;
}

input {
	padding:3pt;
}


/*	
	Description:	Vertical Center classes
*/

.vcenter_outer {
	overflow: hidden;
	position: relative;
	display: table;
	position: static;
}

.vcenter_middle {
	position: absolute; 
	top: 50%; /* for explorer only*/		
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.vcenter_inner {
	position: relative;
	top: -50%; /* for explorer only */
	position: static;
}



/*
	Full Name: 		Page Index
	Description:	Applies to the page index that are shown above and below product lists and other lists
*/

.pageindex {
}
	.pageindex .previous_page {
		padding:3pt 6pt 3pt 6pt;
		border:1pt solid #ccc;
		background-color:#fff;
		color:#000;
	}
	
	.pageindex .next_page {
		padding:3pt 6pt 3pt 6pt;
		border:1pt solid #ccc;
		background-color:#fff;
		color:#000;
	}
	
	.pageindex .page {
		padding:3pt 6pt 3pt 6pt;
		border:1pt solid #ccc;
		background-color:#fff;
		color:#000;
	}
	
	.pageindex .active_page {
		padding:3pt 6pt 3pt 6pt;
		border:1pt solid #ccc;
		background-color:#eee;
		color:#000;
	}



/*
	Full Name: 		Article View
	Description:	Applies to the page where the user lists a single article
*/

div#article_view {

}

	div#article_view  .frame{

	}

	div#article_view  .header{
		font-size:14pt;		
	}

	div#article_view  .text{
		font-size:10pt;
	}


/*
	Full Name: 		Article List
	Description:	Applies to the page where the user lists multiple articles 
*/

div#article_list {
}

	div#article_list  .frame{
		
	}

	div#article_list  .header{
		font-size:14pt;
	}
	
	div#article_list  .text{
		font-size:10pt;	
	}

	



/*
	Full Name: 		Shopping Cart List
	Description:	Applies to the page where the user manage his shopping cart.
*/

div#shopping_cart {
}

	div#shopping_cart .header  {
		font-style:14pt;
	}
	
	div#shopping_cart .text {	
		font-style:10pt;
	}	

	div#shopping_cart .itemheader {
		background-color:#fff;
		border:1pt solid #000;
	}	

	div#shopping_cart .item0 {
		background-color:#000;
	}
	
	div#shopping_cart .item1 {
		background-color:#ccc;
	}	
	
	div#shopping_cart .item0_quantity {
		background-color:#fff;
		color:#000;
	}
	
	div#shopping_cart .special_item_header {		
	}	
	
	div#shopping_cart .special_item_value {		
	}
	
	div#shopping_cart .summary_box {
		background-color:#000;
	}
	
	div#shopping_cart .discount_header {	
	}	
	
	div#shopping_cart .discount_inputarea {
	}	
			
	div#shopping_cart .total_header {		
	}	
	
	div#shopping_cart .total_value {	
	}
	
	div#shopping_cart .notification_box {
	}	
	


/*
	Full Name: 		Order Payment & Delivery Selection Page
	Description:	Applies to the page where the user selects payment/delivery method and agrees with the purchase agreement.
*/

div#order_paymentdelivery {

}
	div#order_paymentdelivery .header {
		font-size:16pt;
	}	

	div#order_paymentdelivery .description {
		font-size:13pt;
	}	

	div#order_paymentdelivery .itemheader {
		background-color:#000;
		color:#fff;
		font-size:15pt;
		padding:4pt;
	}	

	div#order_paymentdelivery .itemdescription {
		background-color:#ccc;
		color:#000;
		font-size:13pt;
		padding:4pt;
	}	
	
	div#order_paymentdelivery .agreement_checkbox {
			
	}	
	
	div#order_paymentdelivery .agreement_text {
		background-color:#ccc;
		color:#000;
		font-size:13pt;
		padding:4pt;
	}	


	
/*
	Full Name: 		Order customer service message page
	Description:	Applies to the page where the user can attach a message to the order for the customer service.
*/

div#order_message {
}

	div#order_message .header {
		font-size:16pt;
	}	

	div#order_message .text {
		font-size:13pt;
	}	

	div#order_message .inputarea {
		font-size:10pt;
	}	

	
	
/*
	Full Name: 		Order confirmation page
	Description:	Applies to the page that is shown for user to confirm the order, after this the order is submitted.
*/

div#order_confirm {
}

	div#order_confirm .header {
		font-size:16pt;
	}	

	div#order_confirm .text {
		font-size:13pt;
	}	

	div#order_confirm .columnheader {
		color:#000;
		background-color:#fff;
	}	
	
	div#order_confirm .item0 {
		color:#000;
		background-color:#fff;
	}	
	
	div#order_confirm .item1 {
		font-size:13pt;
	}	



/*
	Full Name: 		Order sucessfull
	Description:	Applies to the page that is shown when an order is successfully submitted
*/
	
div#order_successfull {

}

	div#order_successfull .header {
		font-size:15pt;
		color:black;
	}

	div#order_successfull .text {
		font-size:12pt;
	}


	
/*
	Full Name: 		Order failed
	Description:	Applies to the page that is shown when an order fails to be submitted	
*/

div#order_failed {
}

	div#order_failed .header {
		font-size:15pt;
		color:red;
	}

	div#order_failed .text {
		font-size:12pt;
	}


	
/*
	Full Name: 		Product View/Details page
	Description:	Applies to the page where a single product is shown with full details and images
*/

div#product_view {
}

	div#product_view .categorypath {
		font-size:14pt;
	}

	div#product_view .name {
		font-size:14pt;
	}
	
	div#product_view .price {
		font-size:15pt;
	}
	
	div#product_view .specialprice {
		font-size:15pt;
		color:red;
	}
	
	div#product_view .headercolumn {
	
	}
	
	div#product_view .valuecolumn {
	
	}
	
	div#product_view .description {
		font-size:13pt;
	}

	div#product_view .image_large {		
		border:1pt solid #ccc;
	}
	
	div#product_view .image_link {		
		border:1pt solid #ccc;
	}
	
	div#product_view .image_thumbnail {
		padding:1pt;
		border:1pt solid #ccc;
	}
	

/*
	Full Name: 		Product List Header
	Description:	Header above product lists 
*/

div#product_list_header {

}

	div#product_list_header  .frame{
		margin-top:0pt;
		margin-bottom:5px;
		padding:3px;
	}

	div#product_list_header  .header{
		font-size:14pt;		
	}
	
	div#product_list_header  .categorypath{
		font-size:10pt;		
		margin-bottom:5pt;
	}	
	
	div#product_list_header  .description{
		font-size:11pt;	
		margin-bottom:5pt;
	}
	
	div#product_list_header .sortbyoptions {
		clear:both;
		text-align:center;
		margin-bottom:10pt;
		padding:4px;
		border:1px solid #eee;
	}
	
		div#product_list_header .sortbyoptions  .header{
			font-size:9pt;
			font-weight:bold;
			margin-bottom:5px;
		}
		
		div#product_list_header .sortbyoptions  .option{
			font-size:10pt;
		}
	

	div#product_list_header .productspan {
		clear:both;
		float:left;
		font-size:9pt;
	}
	
	div#product_list_header .pageindex {
		float:right;	
		font-size:9pt;
	}
	
	div#product_list_header  .searchstring{
		font-size:10pt;	
		font-weight:bold;
	}


	
	
/*
	Full Name: 		Product List Footer
	Description:	Footer below product lists 
*/

div#product_list_footer {
}

	div#product_list_footer  .frame{
		margin-top:5pt;
		margin-bottom:5pt;
	}

	div#product_list_footer  .header{
		font-size:14pt;
	}
	
	div#product_list_footer  .description{
		font-size:10pt;	
	}
	
	div#product_list_footer .to_top {		
		float:left;
	}
	
	div#product_list_footer .pageindex {
		float:right;	
	}
	

	

/*
	Full Name: 		Category List Header
	Description:	Header above product lists 
*/

div#category_list_header {

}

	div#category_list_header  .frame{
		margin-top:5pt;
		margin-bottom:5pt;
		padding:3px;
	}

	div#category_list_header  .header{
		font-size:14pt;		
	}
	
	div#category_list_header  .categorypath{
		font-size:10pt;		
		margin-bottom:5pt;
	}	
	
	div#category_list_header  .description *{
		font-size:11pt;	
		margin-bottom:5pt;
	}