﻿
/* main component*/ 
#epc
{
	width: 100%;
	/*font-size: 0.9em;*/
	cursor: default;
}

/* help icon in table headers*/
#epc .helpicon
{
	background-image: url(resources/images/help.gif);
	text-align: right;
	background-repeat: no-repeat;
}

/* Tabs */
#epc .horizButtons
{
	display: block;
	border-bottom: solid 1px #b28c66;
}

#epc .horizButtons li
{
	display: inline;
	margin: 0 0 0 0;
}

#epc .epcAccessoriesTitle
{
	background: #faf9f6;
}

#epc .disabledTab
{
	color: #888;
	background: #faf9f6;
	border-right: solid 1px #b28c66;
	border-top: solid 1px #b28c66;
	border-bottom: solid 1px #b28c66;
	font-weight: normal;
	position: relative;
	top: 1px;
}

#epc .epcOrangeButton
{
	background: #faf9f6;
	border-right: solid 1px #b28c66;
	border-top: solid 1px #b28c66;
	border-bottom: solid 1px #b28c66;
	font-weight: normal;
	position: relative;
	top: 1px; 
}

#epc .epcButtonWhite
{
	background: #fff;
	width: 90%;
}

#epc .configText
{
	float:left;
}

#epc .highlightTab
{
	background: #fff;
	color: #fa7c00;
	border-right: solid 1px #b28c66;
	border-top: solid 1px #b28c66;
	border-bottom: solid 1px #fff;
	font-weight: bold;
	position: relative;
	top: 1px;
}

#epc .highlightDisabledTab
{
	background: #fff;
	border-bottom: solid 1px #fff;
	position: relative;
	top: 1px;
	font-weight: bold;
}

#epc .highlightTabSelect
{
	border-left: solid 1px #b28c66;
}

#epc .productBoxSides
{
	border-right: solid 1px #b28c66;
	border-left: solid 1px #b28c66;
	border-bottom: solid 1px #b28c66;
}

.tabBorder
{
	border: solid 1px #b28c66;
}

/* tables */
#epc a { text-decoration: none; }

#epc .inline
{
	display: inline;
	border: none;
	vertical-align:top;
	float: left;
}

#epc .mozinline
{
	display: -moz-inline-box;
	width: 100%;
}

#epc .helpHoverItem, #epc .helpHoverImage
{
	position: relative;
	top: 48px;
	left: 10px;
}

#epc .helpHoverItem
{
	display: -moz-inline-box;
	width: 50%;
}

#epc .helpHoverImage
{
	width: 100px;
	float: left;
}

#epc ul
{
	list-style: none;
	margin:  0 0 0 0;
}

#epc  .ProdBoxContent table
{
 width:100%;
}

.listbox li input,
#epc input
{
	background-image: none;
	text-align:left;
}

.listbox .selected,
#epc .selected
{
	background-color: orange;
	color: #333;
	cursor: pointer;
}

.listbox .unselected,
#epc .unselected
{
	background-color: Transparent;
	color: #333;
	cursor: pointer;
	}

.listbox .unavailable,
#epc .unavailable
{
	color: #888;
	background-color: Transparent;
}

#epc .noBorder
{
	border: none;
	width:50%;
}

#epc .checkboxes
{
	display: inline;
	border: none;
	vertical-align:top;
	float: left;
}

#epc .checkboxes td table td
{
	border: none;
}

#epc .checkboxes td table td input
{
	text-align: left;
	background-image: none;
	border: none;
}

#epc .checkboxes td table td input span
{
	text-align: left;
	background-image: none;
	border: none;
	width: 100%;
}

#epc .Help
{
	cursor: help;
}

#epc li input,
.checkout .basketContents input
{
	border: none;
}

#epc .horizButtons
{
	display: block;
	border-bottom: solid 1px #b28c66;
}

#epc .configButtonRight
{
	float: right;
	padding: 2px 3px 2px 0px;
}

#epc .configButtons
{
	float: left;
	padding: 2px 3px 2px 0px;
}

.checkout .entryFields
{
	width:90%
}

.hiddenGridColumn
{
	display: none;
}

.errorBox { 
	border: solid 2px #bb4444;
	background-color: #fff8f8;
	padding: 10px;
	color: black;
}

#loadingGif{
	position: absolute;
	border: solid 1px #666;
	padding: 1em;
	background-color: #fff;
}

.RHSContent
{
	float: left;
}

#documentLinks
{ clear: both; }
