/*******************************
 *******************************
 *
 * GENERAL
 *
 *******************************
 *******************************/


/***********************************************************************
 *
 *	PRODUCT MENU
 *
 ***********************************************************************/


.epec {
}

.epec.productCatalogMenu {
	padding				: 0px;
	margin				: 0px 0px 25px 0px;
	list-style-type		: none;
}

.epec.productCatalogMenu table {
	font-size			: 10pt;
	border				: 0px;
	width				: 100%;
}

.epec.productCatalogMenu td {
	margin-right		: 30px;
}

.epec.productCatalogMenu td a {

}

.epec.productCatalogMenu td.active a {
	font-weight			: bold;
	color				: #A8011F;
}

.epec.productCatalogMenu .productCatalogMenu {
	width				: auto;
	padding				: 0px 15px;
	margin				: 0px;
}



.epec.productCatalogMenu.sub li {
	font-size			: 8pt;
}


/***********************************************************************
 *
 *	PRODUCT CATALOG
 *
 ***********************************************************************/

.epec.productCatalog {

}

.epec.productCatalog h2 {

}

.epec.productCatalog .productList {
	font-size			: 8pt;
	margin				: 0px;
	padding				: 0px;
}


.epec.productCatalog .productList thead th {
	font-weight			: bold;
}

.epec.productCatalog .productList tr.odd {
	background-color	: #EEE;
}

.epec.productCatalog .productList tr.even {
	background-color	: white;
}

.epec.productCatalog .productList .display {
	padding				: 10px 10px 20px 10px;
	cursor				: pointer;
}

.epec.productCatalog .productList .display {
	height				: 80px;
	width				: 140px;
}

.epec.productCatalog .productList .display.hover {
	color				: #A8011F;
}

.epec.productCatalog .productList .display .name {
	font-weight			: bold;
	font-size			: 7pt;
}

.extendedProductInfo {
	padding				: 0px;
	border-left			: 1px solid #A8011F;
	border-right		: 1px solid #A8011F;
	border-bottom		: 1px solid #A8011F;
	margin-bottom		: 10px;
}

.extendedProductInfo h2 {
	background-color	: #A8011F;
	color				: white;
	padding				: 5px;
	margin				: 0px;
}

.extendedProductInfo .content {
	padding				: 10px;
}

.epec.productDetails {
	clear				: both;
	width				: 100%;
}

.epec.productDetails .productInfo {
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
	border-collapse		: collapse;
	font-size			: 8pt;
}

.epec.productDetails .productInfo .price td{
	padding				: 10px 0px;
	font-weight			: bold;
	border-top			: 1px solid black;
}

.epec.productDetails .productInfo .add td{
	padding				: 10px 0px;
}


/***********************************************************************
 *
 *	SHOPPING CART
 *
 ***********************************************************************/

 .shoppingCart table {
 	font-size			: 10pt;
	margin				: 0px;
	padding				: 0px;
	width				: 100%;
 }

 .shoppingCart table thead th {
 	font-weight			: bold;
 	border-bottom		: 1px solid black;
 }

 .shoppingCart table .productPrice {
 	text-align			: right;
 }

 .shoppingCart table .priceTotal td {
 	text-align			: right;
 	border-top			: 1px solid black;
 	border-bottom		: 1px solid black;
 }

 .shoppingCart.small {
 	width				: 258px;
 	overflow			: hidden;
 	border-left			: 1px solid #A8011F;
	border-right		: 1px solid #A8011F;
	border-bottom		: 1px solid #A8011F;
 }

 * html .shoppingCart.small {
 	width				: 255px;
 }

 .shoppingCart.small h2 {
  	background-color	: #A8011F;
	color				: white;
	padding				: 5px;
	margin				: 0px !important;
 }

 .shoppingCart.small .content {
 	padding				: 10px;
 	width				: 240px;
 	margin				: 0px;
 }

 .shoppingCart.small .content table {
 	border-collapse		: collapse;
 }

 .shoppingCart.small .content table tr td {
 	font-size			: 7pt !important;
 }


 /***********************************************************************
 *
 *	LOGIN
 *
 ***********************************************************************/

 .epecLogin {
 	width				: 100%;
 }

 .epecLogin input {
 	width				: 100px;
 	font-size			: 10pt;
 }


 .epecLogin input.button {
	width				: 75px;
 }

 .epecLogin .register {
 	width				: 210px;
 	float				: left;
 	padding				: 10px 10px 10px 0px;
 }

 .epecLogin .login {
 	width				: 210px;
 	float				: left;
 	padding				: 10px 0px 10px 10px;
 	border-left			: 1px solid #FF7D2F;
 }


 .epecLogin .login table{
 	font-size			: 10pt;
 }


 /***********************************************************************
 *
 *	CHECKOUT PAGE
 *
 ***********************************************************************/

.checkoutPage {

}

.checkoutPage .navigationPane li {
	float				: left;
	margin-right		: 25px;

}


 /***********************************************************************
 *
 *	VERIFY ORDER
 *
 ***********************************************************************/

 .verifyOrder {

 }

 .verifyOrder table {
 	font-size			: 8pt;
}

 .verifyOrder table tr td {
 	padding				: 5px 0px;
}

 .verifyOrder table thead th{
 	font-size			: 10pt;
	font-weight			: bold;
	border-bottom		: 1px solid black;
 }


