/***************************************************************************/
/************************* DEFAULT CPONLINE STYLES *************************/
/***************************************************************************/

.bodyText { font-size : 10pt; }
.bodyTextBold { font-size : 10pt; font-weight:bold;}

.bodyTextLarge { font-size : 12pt; }
.bodyTextLargeBold { font-size : 12pt; font-weight:bold;}

.bodyTextMedium { font-size : 9pt; }
.bodyTextMediumBold { font-size : 9pt; font-weight:bold;}

.bodyTextSmall { font-size : 7.5pt; }
.bodyTextSmallBold { font-size : 7.5pt; font-weight:bold;}

.bodyTextStatus { font-size : 10pt; color: #cc0000; font-weight:bold; padding-top:5px; padding-bottom:5px; }
.bodyTextStatusSmall { font-size : 7.5pt; color: #cc0000; font-weight:bold; padding-top:5px; padding-bottom:5px; }

.bodyTextContrast { font-size : 10pt; color: #cc0000; }
.bodyTextContrastBold { font-size : 10pt; color: #cc0000; font-weight:bold;}
.bodyTextContrastSmall { font-size : 7.5pt; color: #cc0000; }
.bodyTextContrastSmallBold { font-size : 7.5pt; color: #cc0000; font-weight:bold;}

.contrastLabel { font-size : 10pt; font-weight:bold; } 

.formLabel { font-size : 10pt; }
.formLabelRequired { font-size : 10pt; font-weight:bold; }
.formHelp { font-size : 7.5pt;}

.linkedItem { font-size : 10pt; }
.linkedCategory { font-size : 12pt; font-weight:bold; }


/***************************************************************************/
/************************* APC STYLES **************************************/
/***************************************************************************/

body {
	text-align: center;
	background-color: #454543;
	margin: 0px;
	color: #616161;
	font-family : Arial,Helvetica,sans-serif; 
}
A {
	color: #101010;
	text-decoration: none;
}
A:hover {
	color: #c90300;
}

.bodyTextStatus, .bodyTextStatusSmall {
	color: #676767;
}

.spacer {
	margin-top: 15px;
}

#templateHeader, #templateFooter {
	background-color: #454543;
}

#mainWrapper {
	margin: 0px auto;
	width: 976px;
	text-align: left;
	background-color: #FFFFFF;
}
.bodyHeader {
	font-size: 12pt;
	font-weight: bold;
	padding: 30px 0px 5px 0px;
	color: #101010;
}

#mainContent {
	width: 400px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}
#mainContentOrders {
	width: 550px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}
#mainContentWide {
	width: 745px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}
#mainContentXtraWide {
	width: 895px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}

.cpolForm {
	margin: 0px;
	padding: 0px;
}
.cpolRadio {
	margin-right: 10px;
	margin-bottom: 3px;
}
.cpobutton {
	border: none;
	background-color: #c90300;
	color: white;
	font-size: 7.5pt;
	height: 21px;
	font-weight: bold;
	text-align: absmiddle;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 3px;
	cursor: pointer;
}

#accountTable {
	margin-top: 5px;
	margin-bottom: 50px; 
}
	#accountTable td {
		font-size: 8pt;
		color: #676767;
		padding: 5px 0px;
	}
		#accountTable td.formHelp {
			padding-top: 0px;
		}
		#accountTable td.formLabelRequired {
			color: #000000;
		}

	#forgotPasswordLink {
		margin: 0px 0px 5px 0px;
	}
		#forgotPasswordLink a {
			color: #919191;
			font-size: 7.5pt;
		}
	#accountButton {
		margin-top: 20px;
	}
	#accountTable .cpobutton {
		width: 172px;
	}


	#accountTable td div.rightSpacer {
		margin-right: 25px;
	}
	
	#accountTable td ul li {
		margin: 3px 0px;
	}
	#accountTable td ul li a {
		color: #919191;
		font-size: 10pt;
		text-decoration: none;
	}
	
#menulinks a {
	display: block;
	color: #919191;
	font-size: 10pt;
	text-decoration: none;
	padding-left: 12px;
	margin: 4px 0px;
	background: url(../graphics/apc-arrow.gif) left center no-repeat;
}
	#menulinks a:hover {
		color: #c90300;
		background: url(../graphics/apc-arrow-on.gif) left center no-repeat;
	}
	
#SetDefault_Input {
	margin-right: 10px;
	padding: 0px;
}
#SetDefault_Label {
	font-size: 8pt;
	color: #676767;
}
.cpolCheckbox {
	margin-right: 10px;
}
.cpoinput {
	border: 1px solid #c0c0c0;
}
.emailInput {
	width: 223px;
	margin-right: 18px;
}
.passwordInput {
	width: 121px;
}
.fnameInput {
	width: 175px;
}
.lnameInput {
	width: 195px;
}
.addressInput {
	width: 390px;
}
.zipInput {
	width: 90px;
}
.cartZipInput {
	width: 50px;
	margin-left: 15px;
}
.friendInput {
	width: 390px;
}
#CardHolder_Input {
	width: 180px;
}
#CCNum_Input {
	width: 155px;
}
#CCNum_Label, #CardHolder_Label, #Expiration_Label {
	font-size: 8pt;
	color: black;
	font-weight: bold;
}
.gray {
	color: #676767;
	font-weight: normal;
}
.darkgraybar {
	background-color: #727270;
}

.breadcrumbs {
	margin-bottom: 20px;
}
.breadcrumbs a {
	font-size: 7.5pt;
	text-decoration: none;
}
.breadcrumbs img {
	margin-top: 4px;
}
.breadcrumbon {
	color: #c90300;
}
.larger {
	font-size: 10pt;
	padding-left: 8px;
}
.indent {
	margin-left: 35px;
	margin-right: 25px;
}

#orderSummaryTable {
	width: 550px;
}
	#orderSummaryTable td {
		padding: 3px 10px;
		font-size: 10pt;
	}
	#orderSummaryTable tr.darkgraybar td a {
		color: white;
		text-decoration: none;
	}	
		#orderSummaryTable tr.darkgraybar td a:hover {
			color: #cccccc;
		}		

		
#cartTable {
	margin-top: 10px;
}
	#cartTable tr.cartTopBar {
		background-color: #727270;
		height: 21px;
	}
	#cartTable tr.cartTopBar td {
		color: white;
		text-transform: uppercase;
		font-size: 8pt;
		padding: 0px 3px;
	}
	#cartTable tr.cartTopBar td div {
		margin-left: 15px;
	}
	#cartTable td {
		padding: 5px 3px;
	}

.cartRemove {
	font-size: 7.5pt;
	color: #afafaf;
}
	.cartRemove a {
		font-size: 7.5pt;
		color: #afafaf;
		text-decoration: underline;
	}
	.cartRemove a:hover {
		color: #c90300;
	}	
	.cartPrice {
		color: #626262;
	}
	span.cartSinglePrice {
		padding: 0px 15px;
	}
	span.cartExtPrice {
		padding: 0px 15px 0px 25px;
	}
	.cartPriceDark {
		color: black;
		padding-left: 10px;
	}
	.cartDivider {
		font-size: 1px;
		padding: 0px;
		border-bottom: 1px solid #717171;
	}
.cartBottomBar {
	background-color: #727270;
	height: 20px;
	font-size: 1px;
}
#cartTotals {
	margin-top: 15px;
}
	#cartTotals td {
		padding: 4px 0px;
	}
	#cartTotals td.cartTotalLabel {
		width: 100%;
		color: #8c8c8c;
		text-align: right;
	}
#cartButtons {
	margin-top: 15px;
}
td.cartButtons {
	padding-bottom: 25px;
}
	#cartRefresh {
		display: block;
		float: left;
		width: 130px;
	}
	#cartEmpty, #cartContinue, #cartCheckout {
		display: block;
		float: left;
		width: 205px;
	}
	.cartButtonRefresh {
		width: 115px;
		background-color: black;
	}
	.cartButtonEmpty {
		width: 190px;
		background-color: black;
	}
	.cartButtonContinue {
		width: 190px;
		background-color: black;
	}
	.cartButtonCheckout {
		width: 205px;
	}
#cartZipEntry {
	margin-top: 10px;
}
#promoCodeTable td {
	padding: 0px 5px;
}
.promoStatus {
	font-size : 7.5pt; 
	color: #c90300; 
	font-weight:bold; 
	padding: 5px; 
}



.orderEdit {
	padding-left: 5px;
}
	.orderEdit a {
		font-size: 7.5pt;
		color: #aeaeae;
		text-decoration: underline;
	}
	.orderEdit a:hover {
		color: #c90300;
	}
.orderHeader {
	color: #101010;
	font-weight: bold;
	padding-top: 15px;
}
.orderNoteInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

#orderHeaderTable {
	width: 550px;
}
	#orderHeaderTable tr.orderTopBar  {
		background-color: #727270;
		height: 21px;
	}
	#orderHeaderTable tr.orderTopBar td {
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 8pt;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	#orderHeaderTable tr.orderTopBar td div {
		margin-left: 15px;
	}
	#orderHeaderTable tr.orderRow {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#orderHeaderTable tr.orderTopBar td.orderHeaderQtyLabel {
		width: 12%;
		padding-left: 13px;
	}
		#orderHeaderTable tr.orderRow td.orderQty {
			padding: 14px 0px 14px 22px;
			color: #101010;
			font-weight: bold;
		}
	#orderHeaderTable tr.orderTopBar td.orderHeaderItemLabel {
		width: 52%;
		padding-left: 10px;
	}
		#orderHeaderTable tr.orderRow td.orderItem {
			padding: 14px 0px 14px 10px;
		}
			#orderHeaderTable tr.orderRow td.orderItem span.orderItemName {
				font-weight: bold;
				color:#101010;
			}
	#orderHeaderTable tr.orderTopBar td.orderHeaderPriceLabel {
		width: 14%;
		padding-right: 10px;
		text-align: right;
	}
		#orderHeaderTable tr.orderRow td.orderPrice {
			padding: 14px 10px 14px 8px;
			text-align: right;
		}
	#orderHeaderTable tr.orderTopBar td.orderHeaderExtLabel {
		width: 22%;
		padding-right: 20px;
		text-align: right;
	}
		#orderHeaderTable tr.orderRow td.orderExt {
			padding: 14px 20px 14px 10px;
			color: #101010;
			font-weight: bold;
			text-align: right;
		}
	

	#orderTotalTable tr td.orderDivider, #orderHeaderTable tr td.orderDivider {
		font-size: 1px;
		padding: 0px;
		border-bottom: 1px solid #717171;
	}

#orderTotalTable {
	width: 100%;
}
	#orderTotalTable td {
		padding-bottom: 12px; 
	}
	#orderTotalTable td.orderTotalLabel {
		width: 86%;
		text-align: right;
		font-weight: bold;
		padding-right: 20px;
	}	
	#orderTotalTable td.orderTotal {
		padding-right: 20px;
		color: #101010;
		font-weight: bold;
		text-align: right;
	}
td.orderButton {
	padding-top: 15px;
}
#orderButtonModify input {
	border: none;
	background-color: #000000;
	color: white;
	font-size: 7.5pt;
	width: 172px;
	height: 21px;
	font-weight: bold;
	text-align: absmiddle;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 3px;
	cursor: pointer;
}
#orderButtonSubmit input {
	border: none;
	background-color: #c90300;
	color: white;
	font-size: 7.5pt;
	width: 172px;
	height: 21px;
	font-weight: bold;
	text-align: absmiddle;
	font-family: arial, helvetica, sans-serif;
	padding-bottom: 3px;
	cursor: pointer;
}

#orderTable {
	width: 100%;
}
#orderTable tr.orderNoteBar  {
	background-color: #727270;
	height: 21px;
}
#orderTable tr.orderNoteBar td {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	padding-top: 3px;
	padding-bottom: 3px;
}
#orderTable tr.orderNoteBar td div {
	margin-left: 15px;
}
.orderNote {
	margin: 10px 0px;
}
.orderNoteReceipt {
	margin: 10px 15px;
}
.orderMsg {
	margin-top: 10px;
}
.orderReceipt {
	margin: 10px 0px;
}


#statusLookupWrapper {
	width: 400px;
	margin: 0px auto;
}
.statusOrder {
	display: block;
	float: left;
	padding-left: 10px;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	line-height: 21px;
}
.statusDate{
	display: block;
	float: right;
	padding-right: 10px;
	color: white;
}

#orderTotalTable tr.invoiceBar  {
	background-color: #727270;
	height: 21px;
}
#orderTotalTable tr.invoiceBar td {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8pt;
	padding-top: 3px;
	padding-bottom: 3px;
}
#orderTotalTable tr.invoiceBar td div {
	margin-left: 15px;
}

#orderTotalTable tr.invoiceBar td.invoiceIDLabel {
	width: 20%;
	padding-left: 13px;
}
#orderTotalTable tr.invoiceBar td.invoiceDateLabel {
	width: 80%;
	padding-left: 13px;
}
#orderTotalTable tr td.invoiceID {
	width: 20%;
	padding: 7px 0px 7px 20px;
}
	#orderTotalTable tr td.invoiceID a {
		color: black;
		font-weight: bold;
	}
	#orderTotalTable tr td.invoiceID a:hover {
		color: #c90300;
	}
#orderTotalTable tr td.invoiceDate {
	width: 80%;
	padding: 7px 0px 7px 13px;
}
.padTop {
	margin-top: 4px;
}


.orderHistory {
	border-bottom: 1px solid #c0c0c0;
}
.orderHistoryID a {
	font-weight: bold;
	color: #101010;
}
.orderHistoryID a:hover {
	color: #c90300;
}
.statusMsg {
	margin-bottom: 10px;
}




/********** ITEM DETAIL **********/
#itemInfo {
	color: black;
	font-size: 9pt;
	width: 300px;
	padding-left: 10px;
}
#nextItemSWF {
}
.itemDetailName {
	color: #101010;
	margin: 30px 0px 20px 0px;
	font-size: 12pt;
}
.itemDescription {
	font-size: 9pt;
	margin-bottom: 15px;
}
.itemNum {
	font-size: 9pt;
	margin-bottom: 15px;
}
.itemPrices {
	font-size: 10pt;
	margin-bottom: 20px;
}
	.itemListPriceLabel, .itemSellPriceLabel {
		display: none;
	}
	.itemListPrice {
		color: #696969;
		text-decoration: line-through;
		font-weight: normal;
		padding-right: 10px;
	}
	.itemSellPrice {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12pt;
	}
	.itemSellPriceHighlight {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 12pt;
	}
.colorSizeNames, #qtyLabel {
	font-size: 9pt;
	font-weight: bold;
	padding-top: 3px;
	text-transform: lowercase;
	margin-bottom: 5px;
}
	.colorSizeNames a {
		margin-left: 7px;
		color: #c1c1c1;
		font-size: 7.5pt;
		text-decoration: underline;
	}
	.colorSizeNames a:hover {
		color: #c90300;
	}
	colorSizeSelector {
		margin-bottom: 5px;
	}
.colorSizeChoices, #qtySelect {
	margin-bottom: 10px;
}
#colorSwatch {
	width: 100px;
	height: 20px;
	margin-left: 25px;
	vertical-align: top;
}
#itemBox {
	width: 200px;
	background-color: black;
	padding: 10px;
	color: white;
}
#itemInfo .cpobutton {
	width: 200px;
	vertical-align: top;
	font-size: 8pt;
}
#itemTellFriend {
	margin-top: 15px;
}
	#itemTellFriend a {
		color: #969696;
	}
		#itemTellFriend a:hover {
			color: #c90300;
		}
#itemFaves {
	margin-top: 2px;
}
	#itemFaves a {
		color: #969696;
	}
		#itemFaves a:hover {
			color: #c90300;
		}		

#altImages td {
	color: black;
	font-size: 11pt;
}
	#altImages td span {
		color: #919191;
	}
#itemRelated {
	margin-top: 10px;
}
	#itemRelated .tiledItemNameBox {
		display: none;
	}
.relatedItemHeader {
	color: #636363;
	text-transform: uppercase;
}
.relatedCell {
	padding: 0px 10px;
	border-left: 1px solid #9c9c9c;
}
.relatedCellFirst {
	padding: 0px 10px;
}
.tiledItemSeparatorCell {
	padding: 5px 0px;
	height: 10px;
	vertical-align: center;
}
.tiledItemSeparator {
	font-size: 1px;
	border-top: 1px solid #9c9c9c;
	height: 10px;
	margin-top: 10px;
}
#itemImageCell {
	width: 595px;
}
.itemAltImage {
	width: 75px;
	height: 75px;
	border: none;
	margin: 5px 0px;
}
#itemAltImage1 {
	display: block;
}
#itemAltImage2, #itemAltImage3 {
	display: none;
}
#altImages span {
	display: block;
	padding-right: 20px;
}
#itemTable {
	width: 895px;
	margin-top: 10px;
}


#friendTable {
	margin-top: 5px;
	margin-bottom: 50px; 
}
	#friendTable td {
		font-size: 8pt;
		color: #676767;
		padding: 5px 0px;
	}
		#friendTable td.formLabelRequired {
			color: #000000;
		}

	#friendButtons {
		width: 390px;
	}
	#friendButton, #friendButtonCancel {
		margin-top: 20px;
	}
	#friendButton {
		float: left;
	}
	#friendButtonCancel {
		float: right;
	}
	#friendTable .cpobutton, #friendButtonCancel .cpobutton {
		width: 172px;
		text-transform: uppercase;
	}