* {

	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: bottom;

	position: static;

}



.vcenter_inner {

	position: relative;
	vertical-align: bottom;

	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;
		vertical-align: top;

		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;

	}