/* ===== eCommerce specific styles ===== */
BODY.ecbody {
	background-color: #000000;
	margin: auto;
	height: 100%;
	width: 100%;
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}
DIV.ecom-mainarea {
	background-color: #000000;
	width: 730px;
	position:relative;
	text-align: left;
	margin: auto;
	padding: 5px;
	color: #666666;
	margin-top: 10px;
}
DIV.ecom-column-main {
	width: 530px;
	position:relative;
	text-align: left;
	background-color: #000000;
	vertical-align: top;
	}

DIV.ecom-column-right {
	margin-left: 10px;
	width: 200px;
	float: right;
}

DIV.ecom-endcolumns {
  clear: both;
	background-color: #000000;
	float: right;
}  

DIV.ecom-screenlet {
background-color: #FFFFFF;
border: 1px solid #999999;
margin-bottom: 10px;
}
DIV.ecom-screenlet-header {
background-color: #000099;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
}
DIV.ecom-screenlet-body {
background-color: #FFFFFF;
padding: 4px;
}

/* ===== General Styles ===== */
BODY {
background-color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

FORM {
margin: 0px;
}

.mainecommercebox {
	background-color: #000000;
	padding: 0;
	color: #FFFFFF;
	border: 5px solid #000000;
}

UL {
margin-top: 0; 
margin-bottom: 0;
}

.head1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px; 
font-size: 12pt;
font-weight: bold;
color: #FF0000;
}

.head2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

.head3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #FF0000;
}

.info {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-style: normal;
color: #FFFFFF;
}

DIV.graybox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
background-color: #CCCCCC;
border: 1px solid #000000;
text-align: center;
margin: 2px auto;
width: auto;
padding: 4px;
}

DIV.tabletexthidden {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
visibility: hidden;
}

A.tabletext, DIV.tabletext, SPAN.tabletext, P.tabletext, .tabletext {
font-size: 12px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

A.tabletext:hover {
font-size: 10px;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.tablebuttontext {
font-size: 10px;
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contenttext {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headerboxoutside {
background-color: black;
padding: 0;
}

.headerboxtop {
background-color: black;
padding: 4px;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.headerboxbottom {
background-color: black;
padding: 0;
border-color: #FFFFFF;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.boxhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: red;
}

.boxoutside {
	background-color: #000000;
	padding: 0px;
	border: 1px solid #FF0000;
}

.boxtop {
background-color: #000000;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
border-color: #FF0000;
border-style: solid;
border-width: 0px 0px 1px 0px;
}

.boxbottom {
background-color: #000000;
padding: 4px;
border-color: #FF0000;
border-style: solid;
border-width: 0px 0px 0px 0px;
}

.button {
border-style: outset; border-color: #9999CC; border-width: 2px;
background-color: #dddddd;
padding-right: 5px; padding-left: 5px;
}

.tabContainer {
background-color: black;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 5px;
border-top: solid red 1px;
border-bottom: solid red 1px;
}

A.tabButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
background-color: #ff6666;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
border: solid #000000 1px;
}

A.tabButton:hover {
color: white;
background-color: red;
border: solid #000000 1px;
}

A.tabButtonSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background-color: red;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
border: solid #000000 1px;
}

A.tabButtonSelected:hover {
color: #FFFFFF;
border: solid #000000 1px;
}

.tableheadtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.tableheadbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.tableheadbutton:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: red;
}

.browsecategorytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
text-indent: -10px;
}

A.browsecategorybutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FF0000;
}

A.browsecategorybutton:hover {
color: #FFFFFF;
text-decoration: underline;
}

.browsecategorybuttondisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.buttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #FF0000;
}

A.buttontext:hover {
color: #FFFFFF;
text-decoration: underline;
}

A.headerbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: red;
}


A.headerbuttontext:hover {
color: #FFFFFF;
text-decoration: underline;
}

.buttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #999999;
}

.submenutextinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #FFFFFF
}

.submenutext, A.submenutext, A.submenutext:visited, A.submenutext:checked {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #ff0000;
}

A.submenutext:hover {
color: #FFFFFF;
text-decoration: underline;
}

.submenutextdisabled, A.submenutextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 6px;
padding-right: 5px;
border-right: 1px solid #FFFFFF
}

A.submenutextdisabled:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
color: #FF0000;
}

.submenutextinforight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
padding-left: 6px;
}

.submenutextright, A.submenutextright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
padding-left: 6px;
}

A.submenutextright:hover {
color: #FFFFFF;
text-decoration: underline;
}

.submenutextrightdisabled, A.submenutextrightdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
padding-left: 6px;
}

A.submenutextrightdisabled:hover {
text-decoration: underline;
color: #FFFFFF;
}

A.lightbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
border: none;
}

A.lightbuttontext:hover {
color: #FFFFFF;
text-decoration: underline;
}

A.lightbuttontextsmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
border: none;
}

A.lightbuttontextsmall:hover {
color: #FFFFFF;
text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A.buttontextbig {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.buttontextbig:hover {
color: red;
}

.buttontextbigdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A IMG.imageborder, .imageborder{
	border: solid #ff0000 1px;
}

.headerButtonLeft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
background-color: #ff6666;
border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonLeft:hover {
background-color: red;
color: white;
text-decoration: underline;
}

.headerButtonLeftSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
background-color: red;
border-right: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerButtonRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
background-color: #ff6666;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
text-align: right;
}

.headerButtonRight:hover {
background-color: red;
color: white;
text-decoration: underline;
}

.headerButtonRightSelected {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: white;
background-color: red;
border-left: solid white 1px;
padding-right: 10px;
padding-left: 10px;
}

.headerCenter {
background-color: #B4B0AA;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.headerCenter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
background-color: #D4D0C8;
padding-right: 10px;
padding-left: 10px;
}

A.headerCenter:hover {
background-color: #D4D0C8;
color: black;
text-decoration: underline;
}

.headerCenterSelected {
background-color: #D4D0C8;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

.headerCompanyName {
margin: 0px;
font-size: 12pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
white-space: nowrap;
}

.headerCompanySubtitle {
margin: 0px;
font-size: xx-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #330099;
white-space: nowrap;
}

.insideHeaderText {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
}

A.insideHeaderLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: red;
}

A.insideHeaderLink:hover {
color: #FFFFFF;
text-decoration: underline;
}

.insideHeaderDisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #666666;
}

.headersmalltext {
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font: bold; 
color: #FFFFFF;
}
a.headersmalllink {
font-size: 10pt; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font: bold; 
color: #FFFFFF; 
text-decoration: none;
}
a.headersmalllink:hover {
color: red;
}

HR.sepbar {
font-size: 1px;
width: 100%;
height: 1px;
background-color: #FF0000;
border-width: 0px;
color: #FF0000;
}

.errorMessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: red;
}

.eventMessage {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
}

.ontab {
font-size: 10pt;
background-color: black;
padding: 2px;
border-style: inset;
border-width: 3px;
}

a.onlnk {
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

.offtab {
font-size: 10px;
background-color: #CCCCCC;
padding: 2px;
border-style: outset;
border-width: 3px;
}

a.offlnk {
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

a.offlnk:hover {
color: red;
}

.areaheader {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
width: 100%;
background-color: black;
padding: 2px;
}

.edittable {
border-color: #000000 #000000 #003333;
border-style: solid;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin
}

.viewOneTR1 {
background-color: #990000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewOneTR2 {
background-color: #ff6600;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyHeaderTR {
background-color: #ff6666;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyTR1 {
background-color: #990000;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.viewManyTR2 {
background-color: #ff6600;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.editInputBox {
background-color: #FFFFFF;
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.inputBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
color: black;
font-size: 10pt;
}

.selectBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 10pt;
}

.textAreaBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 10pt;
}

.radioButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 10pt;
}

.checkBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 10pt;
}

.smallSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FF0000;
background-color: white;
border: #999999 solid 1px;
}

.mediumSubmit,.largeSubmit,.loginButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #FF0000;
background-color: white;
border: #999999 solid 1px;
}

.smallSubmit:hover,.mediumSubmit:hover,.largeSubmit:hover,.loginButton:hover {
color: #000000;
}

.smallAltSubmit,.mediumAltSubmit,.largeAltSubmit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

.basePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.normalPrice {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
}

.salePrice {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	vertical-align: top;
}
.category {
	padding: 2px 0px 2px 0px;
}
.hometabletext {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 20px;
}
.productsummary_rightbox {
	vertical-align: bottom;
	text-align: right;
}
A.smallbuttontext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #FF0000;
}
A.smallbuttontext:hover {
color: #FFFFFF;
text-decoration: underline;
}
.swatchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	vertical-align: bottom;
	text-align: center;
	padding: 2px;
}