﻿html 
{
	overflow: -moz-scrollbars-vertical !important;
	overflow-y: scroll;
}

#body
{
	text-align: center;
	min-width: 764px;
	padding: 0;
	margin: 9px 2px 5px 2px;
	background-color: #ebebeb;
	font-family: Arial;
	font-size: 12px;
}

.framework_wrapper
{
	text-align: left;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

.framework_content
{
	margin: 0 154px 0 140px;
}

.framework_content_noRightSideBar
{
	margin: 0 0 0 140px;
}

.framework_content .framework_inner
{
	margin: 0px;
	width: 460px;
	overflow: hidden;
}

.framework_header
{
    background-color: #b8d231;
    height: 68px;
    width: 760px;
    margin: 0 0 6px 0;
    position: relative;
 }

.framework_header_titleImage 
{
	position: absolute;
	display: block;
	top: 3px;
}

.framework_header_titleImageTop 
{
	position: absolute;
	display: block;
	top: 0;
}

.framework_header_infoBlock 
{
	position: absolute;
	right: 0px;
	top: 3px;
	z-index: 1000;
	width:335px;
	height: 65px;
}

.framework_header_infoBlock_inner {
	float:right;
	white-space:nowrap;
	margin: 12px 14px 0px 0;
	border-left: solid 1px #91320A;
	overflow:hidden;
}

.framework_header_infoBlock_loginName 
{
	padding: 0 0 5px 8px;
	border-bottom: solid 1px #91320A;
	min-width:38px;
	color: #91320A;
}

.framework_header_infoBlock_loginStatus 
{
	padding: 5px 0 0 8px;
}

.framework_header_infoBlock_loginStatus a 
{
	color: #91320A;
}

.framework_leftSideBar
{
	float: left;
	margin: 0;
	width: 140px;
	padding-bottom: 110px;
}

.framework_leftSideBar .framework_inner
{
	background-color: #e5e5e5;
	margin: 0 6px 6px 6px;
	padding-bottom: 20px;
	min-height: 30px;
}

.framework_rightSideBar
{
	float: right;
	margin: 0;
	width: 154px;
	padding: 0;
}

.framework_rightSideBar .framework_inner
{
	margin: 0 6px 6px 6px;
	width: 126px;
}

.framework_breadCrumbBar
{
	background-color: #FEF1EA;
	color: #D24605;
	margin: 0px 6px 0 140px;
	padding: 15px 16px 15px 16px;
    /* the following is a hack to fix IE6 problem described at: http://www.satzansatz.de/cssd/onhavinglayout.html */
    _height: 0;
    _position: relative; 
    _left: -3px; 
}

.framework_breadCrumbBar a
{
	color: #D24605;
	text-decoration: none;
	font-weight: bold;
}

.framework_breadCrumbBar a:hover
{
	text-decoration: underline;
}

.framework_breadCrumbSpacer
{
	width: 615px;
	background-color: White;
	height: 20px;
	margin: 0;	
	left: 140px;
	_position: relative; 
	_left: -3px;
}

.framework_tabBar
{
	height: 22px;
	width: 760px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	overflow: hidden;
	clear: both;
}


.framework_tabBarLine
{	
	top: 0px;
	background-color: #464646;
	height: 8px;
	margin: 0px;
	overflow: hidden;
}

.framework_modeTabSpan 
{
	margin-left: 16px;
}

.framework_tabBarSpacer
{
	background-color: White;
	height: 6px;
	margin: 0px;
	overflow: hidden;
}

.framework_footer
{
	height: 6px;
	width: 760px;
	margin: 0;
	clear: both;
	background-image: none;
	background-color: White;
	overflow: hidden;
	
}

.framework_pageFooter 
{
	color: #787878;
	padding: 6px 2px 6px 1px;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

.framework_pageFooter a
{
	color: #787878;
	font-size: 10px;
	text-decoration: none;	
}

.framework_pageFooter a:hover
{
	text-decoration: underline;
}

.framework_innerWrapper
{
	background-color: White;
	display: block;
	height: auto;
	background-image: url(/_skin/Standard/images/page_background.gif);
	background-repeat: repeat-y;
	background-position: left bottom;

}

.framework_innerWrapper_noRightSideBar
{
	background-color: White;
	display: block;
	height: auto;
	background-repeat: repeat-y;
	background-position: left bottom;
	background-image: url(/_skin/Standard/images/page_background_nosidebar.gif);
}

.framework_fullPageInnerWrapper
{
	vertical-align: middle;
	background-color: White;
	vertical-align: middle;
}

.framework_fullPageContent
{
	margin: 0 6px 0 6px;
}

.framework_fullPageContent_PaymentRedirect
{
	background-color: #F5732D;
	margin: 0 6px 0 6px;
}

/* Other */

.leftMenuItemBlock 
{
	position: relative;
	display: block;	
	padding: 5px;
	_padding-left: 5px; /* ie6 workaround - keep the same as general padding */
	overflow: hidden;
	white-space: normal;
}

A.leftMenuItemBlock 
{
	text-decoration: none;
	cursor: pointer;
}

A.leftMenuItemBlock:hover 
{
	color: #3d3d3d;
}

.framework_leftSideBar div.unselectedMenuItem
{
	border-bottom: solid 3px white;
	width: 128px;
	font-size: 12px;
	font-weight: bold;
	background-color: #e5e5e5;
	color: #787878;
	text-decoration: none;
}

.framework_leftSideBar div.selectedMenuItem
{
	border-bottom: solid 3px White;
	width: 128px;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	background-color: #cccccc;
	text-decoration: none;
}

.framework_leftSideBar .managementMenuItem
{
	padding: 5px 6px 5px 6px;
}


h1, explicitH1
{
	color: #afcc26;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
}

h1.withSubTitle
{
	margin-bottom: 2px;
}

h1.pageTypeTitle 
{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;		
	color: #8b8b8b;
}

h2
{
	margin-top: 2px;
	color: #D24605;
	font-size: 13px;
	font-weight: bold;
}

.contentBlock
{
	padding: 0 16px 10px 16px;
	min-height: 500px;
	_height: 500px;
}

a
{
	color: #666666;
}

/* Form Validity */

input.inputValid
{
}

input.inputInvalid
{
}

select.inputValid
{
}

select.inputInvalid
{
}

.invalidMarker
{
	color: #D24605;
	font-weight: bold;
	font-size: 14pt;
}

.invalidMessage p
{
}

.pageItemImage
{
	display: block;
}

/* Product Listing */

.productListingBlock
{
	margin-top: 16px;
}

.productPhotoBorderOuter
{
	border: solid 1px #e1e1e1;
}

.productPhotoBorderOuterClear 
{
	border: solid 1px White;
}

.productPhotoBorderInner
{
	border: solid 1px #f1f1f1;
	padding: 3px;
}

.productPhotoBorderInnerClear 
{
	border: solid 1px White;
	padding: 3px;
}

.productPhotoBorderInner img 
{
	display: block;
}

.productPhotoTitle
{
	background-color: #e1e1e1;
	color: #666666;
	padding: 3px 3px 3px 7px;
	font-size: 11px;
	font-weight: bold;
}

.productDetailsLeftColumn {
	vertical-align: top; 
	float: left; 
	width: 130px;
}

.productDetailsRightColumn
{
	color: #666666;
	width: 280px;
	margin-left: 142px;
}

.productImageListCell 
{
	border-bottom: solid 1px #e1e1e1;
	padding: 7px 0 7px 0;
}

.categoryListingBlock {}

.categoryPhotoBorderOuterClear
{
	border: solid 1px White;
}

.categoryPhotoBorderOuter
{
	border: solid 1px #deddda;
}

.categoryPhotoBorderInner
{
	border: solid 1px White;
	padding: 3px;
}

.categoryPhotoBorderInner img 
{
	display: block;
}

.categoryPhotoTitle
{
	color: #979695;
	font-size: 15px;
	display: block;
	margin: 10px 0 26px 0;
	text-decoration: none;
	font-weight: bold;
}

.categoryPhotoTitle:hover 
{
	text-decoration: underline;
}

.categoryListTitle
{
	color: #F5732D;
	font-size: 14px;
	display: block;
	margin: 4px 0 4px 0;
	text-decoration: none;
}

.categoryListTitle:hover 
{
	text-decoration: underline;
}

.categoryListCell 
{
	border-bottom: solid 1px #e1e1e1;
	padding: 2px 0 2px 0;
}

.imageListProductTitle
{
	font-weight: bold;
	color: #969696;
	line-height: 20px;
}

.imageListProductPrice
{
	color: #969696;
}

.productListCell 
{
	border-bottom: solid 1px #e1e1e1;
	padding: 7px 0 7px 0;
}

.productListProductTitle
{
	font-weight: bold;
	color: #969696;
}

.productListProductPrice
{
	color: #969696;
}

.productListingDivider 
{
	border-top: solid 1px #e1e1e1;
	width:100%;
	height:1px;
	padding-bottom:11px;
}

.noProductsInCategory 
{
	color: #555555;
	padding: 1px;
}

/* Info Page */

.infoPhotoBorder
{
	padding: 4px;
	border: solid 1px #e1e1e1;
	margin-bottom: 20px;
}

.sidebarPhotoBorder
{
	padding: 4px;
	border: solid 1px #e1e1e1;
	margin-bottom: 8px;
}

.infoPhotoBorderClear
{
	padding: 4px;
	border: solid 1px White;
	margin-bottom: 20px;
}

.sidebarPhotoBorderClear
{
	padding: 4px;
	border: solid 1px White;
	margin-bottom: 8px;
}

.sidebarPhotoTitle
{
	background-color: #e1e1e1;
	color: #666666;
	padding: 2px 6px 4px 6px;
	font-size: 11px;
	font-weight: bold;
}

.productPrice 
{
	font-weight: bold;
	color: #D24605;
}

.productListingBlock .productPrice
{
	font-weight: bold;
	color: #D24605;
}

.instructionBlock p 
{
	margin-top: 0px;
	margin-bottom: 5px;
	color: #464646;
	font-size: 12px;
	line-height: 17px;
}


.quoteBlock
{
	font-style: italic;
	color: #D24605;
	font-weight: bold;
	margin-top: 10px;
	line-height: 17px;
}

.infoLeftColumn
{
	width: 278px;
	margin: 0;
	padding: 0;
	color: #666666;
}

.infoLeftColumn p
{
	line-height: 17px;
}

.infoRightColumn
{
	float: right;
	width: 130px;
	margin: 0;
	padding: 0;
	color: #666666;
}

/* Product Details */

.productDetails 
{
	color: #464646;
}

.productDetailsBlock p
{
	font-size: 12px;
	line-height: 17px;
}

.productDetailsBlock .photoBlock
{
	float: left;
	width: 206px;
}

.productDetailsBlock .detailsBlock
{
	margin-left: 222px;
}

.productDetailsBlock .productPrice
{
	font-weight: bold;
	color: #D24605;
	padding: 14px 0 0 0;
}

.productDetailsBlock .addToCartButton
{
	margin-top: 12px;
}

.verticalStackButton, .verticalStackButton img
{
	margin-bottom: 2px;
}

.productPhotosBlock .productPhotosThumbnailCollection
{
	width: 206px;
}

.noImageOverlayText 
{
	font-size: 9px;
	color: #666666;
}

.noImageOverlayText a 
{
	text-decoration: none;
}

/* Product Photos */

.productPhotosBlock
{
	width: 431px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
}

.productPhotosThumbnail
{
	float: left;
	width: 92px;
	margin-top: 16px;
	margin-left: 21px;
	margin-bottom: 0;
}

.leftProductPhotosThumbnail
{
	float: left;
	width: 92px;
	margin-top: 16px;
	margin-bottom: 0;
}

.productPhotosThumbnail
{
	float: left;
	width: 92px;
	margin-top: 16px;
	margin-left: 22px;
	margin-bottom: 0;
}


.productPhotosThumbnailSeperator
{
	clear: both;
	height: 0px;
}

/* Checkout */

.checkoutBlock
{
    /* the following is a hack to fix IE6 problem described at: http://www.satzansatz.de/cssd/onhavinglayout.html */
    _height: 0;
}

.checkoutTitleBlock
{
	margin: 0px 0 16px 0;
	height: 30px;
}

.checkoutButtonBlock
{
	text-align: right;
	padding: 19px 0 0 0;
}

/* Cart tables */

.cartTable
{
	border: none;
}

.cartTable tr th
{
	background-color: #D24605;
	color: White;
	padding: 4px 6px 4px 6px;
	border: none;
	font-weight: bold;
	font-size: 12px;
}

.cartTable tr td
{
	color: #D24605;
	padding: 5px;
}

.cartTable tr.totalLine td
{
	color: #D24605;
	padding: 5px;
	border-bottom: solid 2px #D24605;
	border-top: solid 1px #D24605;
	font-weight: bold;
}

.cartTable tr td a
{
	color: #D24605;
}

/* Sidebar Shopping Cart */

.sideBarShoppingCart
{
	border-bottom: solid 4px white;
}

.sideBarShoppingCart .cartTitleBlock
{
	padding-bottom: 1px;
}

.sideBarShoppingCart .cartProductBlock
{
	border-bottom: solid 1px #e1e1e1;
	padding: 6px 8px 6px 8px;
}

.sideBarShoppingCart .cartSubTotalBlock
{
	border-top: solid 1px #e1e1e1;
	padding: 6px 8px 6px 8px;
}

.sideBarShoppingCart .cartFooterBlock
{
	
	border-bottom: solid 2px white;
	padding: 3px 8px 6px 8px;
}

.sideBarShoppingCart .cartFooterBlock img
{
	padding-bottom: 3px;
}

.sideBarShoppingCart .productName
{
	color: #464646;
	font-weight: bold;
}

.sideBarShoppingCart .productPrice
{
	color: #464646;
}

.sideBarShoppingCart .productQuantity
{
	color: #464646;
}

/* Payment redirect */

.paymentRedirectBlock
{
	width: 300px;
	border: none;
	margin: 0 auto 0 auto;
	padding-top: 148px;
	padding-bottom: 148px;
	text-align: center;
	font-size: 13px;
}

.paymentRedirectBlock div
{
	color: Black;
	padding-bottom: 18px;
}

.editPanel .labelHeading
{
	text-align: left;
	color: Black;
	font-weight:bold;    
}

.editPanel .edit input
{
	color: black;
	width: 200px;
}

.editPanelHyperLinkActivator:hover
{
	color: #D24605;
}

.wantToLink:hover 
{
	color: #D24605;
}

.iWantToPanelDropDown 
{
	background-color: #F5732D;
	color: White;
	padding: 0px;
	margin-bottom: 12px;
	height: 28px;	
	width: 430px;
}

.widenActionBar * .iWantToPanelDropDown 
{
	width: 598px;
}

.widenActionBar * select
{
	width: 450px !important;
}

.iWantToPanelDropDown .label
{
	vertical-align: middle;
	height: 22px;
	font-weight: bold;
}

.iWantToPanelDropDown select
{
	width: 280px;
	vertical-align: middle;
	margin-left: 12px;
	vertical-align: baseline;
	position: relative;
	top: 3px;
}

.iWantToPanelDropDown input 
{
	margin-left: 12px;
	vertical-align: middle;
}


.iWantToPanelPanel
{
	padding: 0px;	
}

.iWantToPanelPanel a
{
	font-size: 11px;
	line-height: 18px;
}

.iWantToPanelPanel_TitleImage 
{
	display: block;
}

.iWantToPanelPanel_ActionList
{
	border: solid 2px #F5732D; 
	border-top: 0;
	padding: 4px; 
	background-color: White;
	/* Peekaboo fix */
	height: 1%;
}

.iWantToPanelPanel_ActionListDark 
{
	border-color: #D24605;
}

/* Forms */

td.addressLabel
{
	padding-left: 0;
	width: 150px;
}

/* Notification page */
.notificationPageBlock
{
	text-align: center;
	padding-top: 148px;
	padding-bottom: 148px;
	border: none;
}

.notificationPageBlock h1, .errorPageTable h1
{
	color: #969696;
	font-size: 16px;
	font-weight: bold;
}

.notificationPageBlock div, .errorPageTable div
{
	margin: 14px 0 14px 0;
	color: #969696;
	font-size: 14px;
}

.notificationPageBlock a, .errorPageTable a
{
	color: #969696;
}

/* Error Page */
.errorPage
{
	margin: 10px;
	background-color: #ebebeb;
}

.errorPageTable
{
	background-color: White;
}

/* Edit Highlight Styles */
.editHighlightTop, .editHighlightBottom, .editHighlightLeft, .editHighlightRight
{
	position: absolute;
	display: block;
	z-index: 1000;
}

.editHighlightTop 
{
	top: -6px;
	left: -6px;
	bottom: 8px;
	padding: 0 6px 0 6px;
	width: 100%;
	height: 2px	
}
.editHover .editHighlightTop
{
	border-top: solid 1px #F5732D;
}

.editHighlightBottom
{
	left: -6px;
	bottom: -7px;
	padding: 0 6px 0 6px;
	width: 100%;
	height: 2px;
}
.editHover .editHighlightBottom {
	border-bottom: solid 1px #F5732D;
	clear: both;
}

.editHighlightLeft
{
	top: -6px;
	left: -6px;
	padding: 6px 0 6px 0;
	width: 2px;
	height: 100%;		
	_height: expression((this.offsetParent.offsetHeight) + 'px'); 
}
.editHover .editHighlightLeft {
	border-left: solid 1px #F5732D;
}

.editHighlightRight
{
	right: -6px;
	top: -6px;
	padding: 6px 0 6px 0;
	width: 2px;
	min-height: 100%;
	height: 100%;
	_height: expression((this.offsetParent.offsetHeight) + 'px'); 
}
.editHover .editHighlightRight {
	border-right: solid 1px #F5732D;
}


.helpPanelItem 
{
	width: 126px; 
	padding: 6px; 
	background-color: #ebebeb;
	display:block;
	color: #787878;
	position: relative;
}


/* Management/Edit Forms */
.editFormSectionTitle 
{
	width: 430px;
	border: none;
}

.editFormSectionTitle td.spacer
{
	background-color: White;
	border: none;
	width: 100%;
	padding: 0;
}

.editFormSectionTitle td.title
{
	background-color: #464646;
	border: none;
	white-space: nowrap;
	padding: 0 16px 0 42px;
	background-image: url(/_skin/_global/images/page_managetab.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 20px;
	vertical-align: middle;
	color: White;
	font-weight: bold;
}



.wantToText 
{
	color: #787878;
}


.editPanelAddress .addressTable td.addressLabel 
{
	color: #787878;
}

.editPanelAddress .addressTable td.value input
{
	width: 220px;
}


.reducedPadding tr td
{
	padding: 4px;
}


 .wizardButton 
 {
	margin-top: 10px;
 }

.categorySelectorList 
{
	width: 276px;
	margin-bottom: 4px;
	display: block;
}

.navigationArea 
{
	background-color: White;
}

.movePrevious 
{
	padding-right: 6px;
}

/*Reorder List*/
.reorderListDragHandle {
	width: 380px;
	padding: 3px 3px 3px 6px;
	margin: 0px;
	background-color:#777777;
	cursor: s-resize;
	border:solid 1px #ccccdd;
	display: block;
	font-weight: bold;
	color: White;
}

.reorderList 
{
	width: 390px;
}

.reorderList ul 
{
	margin: 0;
	padding: 0;
}

.reorderList li {
	list-style-type:none;
	list-style-image: none;
	margin:2px;
	color:Black;
	padding: 0;	
}

.reorderListReorderCue {
	border:dashed thin black;
	width:380px;
	height:20px;
}

.reorderListItem {
	margin-left:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;	
}

.orderSearchAdvancedTab 
{
	float: right;	
	top: 15px;
}

.orderSearchSimple 
{
	background-color: Green;
	color: White;
	padding: 3px 3px 0 3px;
	font-weight: bold;
	position: relative;
}

/* Order Search */
.orderSearchTitleBlock {
    background-color: #F5732D;
}
.orderSearchCriteriaBlock {
    background-color: #e1e1e1;
    width: 562px;
    padding: 18px 18px 10px 18px;
    color: Black;
    border: none;
    border-bottom: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
}

.orderSearchViewerBlock 
{
	width: 570px;
	
}

.orderSearchTab 
{
	background-color: #cccccc;
    color: black;
    padding: 3px;
    width: 124px;
    border: none;
    text-align: center;
    cursor: pointer;
}

.orderSearchTab a:link, .orderSearchTab a:visited, .orderSearchTab a:hover
{
	color: Black;
	text-decoration: none;
}

.orderSearch .searchButton {
}

.orderSearch .descriptor {
    padding: 0 5px 0 3px;
    font-size: 12px;
    color: #666666;
}

.orderSearch .label {
    font-weight: bold;
    padding-left: 4px;
}

.orderSearchResults tr th
{
	border: none;	
	font-size: 12px;
	padding: 2px 6px;	
}

.orderSearchResults tr td
{
	border: none;
	border-top: solid 1px #eeeeee;	
	font-size: 11px;
	padding: 2px 6px;
}

.orderSearchResults
{
	border: none;
}

.orderSearchResults .columnTitle a:link
{
	color: Black;
	
}

.advancedOrderSearchLink:link, .advancedOrderSearchLink:visited, .advancedOrderSearchLink:active, .advancedOrderSearchLink:hover {
    font-weight: bold;
    text-decoration: none;
}

.orderManagementLink {
	padding-right: 8px;
}

/* Edit Activator Overlays */
.floatTopLeft_Button 
{
	display: inline;
	float: left;
	margin-right: 4px;
}

.floatTopLeft_DeleteButton 
{
	display: inline;
	float: left;
	margin-right: 4px;
	left: 20px;
}

.floatTopRight_Button 
{
	display: inline;
	float: right;
	margin-left: 4px;
}

.floatTopRight_DeleteButton 
{
	display: inline;
	float: right;
	margin-left: 4px;
	right: 20px;
}

.inline_Button 
{
	display: inline;
}

.inline_DeleteButton 
{
	display: inline;
}

.overlayTopLeft_Button 
{
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 49;
}

.overlayTopLeft_DeleteButton 
{
	position: absolute;
	left: 18px;
	top: 2px;
	z-index: 50;
}

.overlayTopLeft_AddButton 
{
	position: absolute;
	left: 34px;
	top: 2px;
	z-index: 51;
}

.overlayTopLeft_BackPanel 
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 17px;
	background-color: White;
	z-index: 40;	
}

.OverlayTopRight_Button 
{
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 49;
}

.OverlayTopRight_DeleteButton 
{
	position: absolute;
	right: 18px;
	top: 2px;
	z-index: 50;
}

.OverlayTopRight_AddButton 
{
	position: absolute;
	right: 30px;
	top: 2px;
	z-index: 51;
}

.OverlayTopRight_BackPanel 
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 17px;
	background-color: White;
	z-index: 40;
}

.OverlayTopRightWithMargin_Button 
{
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 49;
}

.OverlayTopRightWithMargin_DeleteButton 
{
	position: absolute;
	right: 22px;
	top: 6px;
	z-index: 50;
}

.OverlayTopRightWithMargin_AddButton 
{
	position: absolute;
	right: 38px;
	top: 6px;
	z-index: 51;
}

.OverlayTopRightWithMargin_BackPanel 
{
	position: absolute;
	right: 4px;
	top: 4px;
	height: 17px;
	background-color: White;
	z-index: 40;
}

.OverlayBottomRight_Button 
{
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 49;
}

.OverlayBottomRight_DeleteButton 
{
	position: absolute;
	right: 18px;
	bottom: 2px;
	z-index: 50;
}

.OverlayBottomRight_AddButton 
{
	position: absolute;
	right: 30px;
	bottom: 2px;
	z-index: 51;
}

.OverlayBottomRight_BackPanel 
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: 25px;
	width: 44px;
	background-color: White;
	z-index: 30;
}

/* Rich text box (HTML/FreeTextBox) */

.richTextBody
{
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
    text-align: left;
    background-color: White;
}

.richTextBody p
{
    margin-bottom: 8px;
    margin-top: 0px;
}

.richTextBody h1
{
	color: #D24605;
	font-size: 13px;
	font-weight: bold;    
    margin-bottom: 8px;
    margin-top: 0px;
}

.richTextBody h6 /*Quote*/
{
	color: #D24605;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0px;
}

.innerTabFooter 
{
	width: 100%;
	height: 8px;
	background-color: #e1e1e1;
	margin-bottom: 16px;
}

table.orderSummary 
{
	width: 520px;
}

.orderSummary tr td 
{
	padding: 4px;
	background-color: White;
}

.orderSummary tr.oddRow td
{
	background-color: #f9f9f9;
}

.customerNotes
{
	color: Red;
}

.orderSummary tr td.label
{
	font-weight: bold;	
	width: 170px;
}

.orderSummary tr td.value
{
	color: Black;
}

.orderSummary tr td.heading
{
	color: #D24605;	
	font-weight: bold;
	padding-top: 16px;
	font-size: 15px;
}

.orderSummary tr td.columnLabel
{
	font-weight: bold;
}

.wizardDataListItem
{
	margin: 0 !important;
	padding: 1px !important;
	vertical-align: middle;
}

.wizardTable 
{
	margin-top: 6px;
}

.wizardTable tr td 
{
	margin: 0;
	padding: 2px 5px 2px 0;
	font-size: 11px;
	color: #666666;
}

/* DEBUG COLOURS */
/*
.framework_wrapper { background-color: Green; }
.framework_content { background-color: Red;  }
.framework_content_noRightSideBar { background-color: Blue; }
.framework_content .framework_inner { background-color: Aqua;  }
.framework_header { background-color: Fuchsia; }
.framework_header_titleImage  { background-color: Yellow; }
.framework_header_titleImageTop  { background-color: Green;}
.framework_header_infoBlock { background-color: Maroon; } 
.framework_header_infoBlock_inner { background-color: Navy; }
.framework_header_infoBlock_loginName { background-color: Olive; } 
.framework_header_infoBlock_loginStatus { background-color: Orange; } 
.framework_header_infoBlock_loginStatus a { background-color: Purple; } 
.framework_leftSideBar { background-color: Silver ; }
.framework_leftSideBar .framework_inner { background-color: Teal; }
.framework_rightSideBar { background-color: Yellow; }
.framework_rightSideBar .framework_inner { background-color: Aqua; }
.framework_breadCrumbBar { background-color: Blue; }
.framework_breadCrumbBar a { background-color: Fuchsia; }
.framework_breadCrumbBar a:hover { background-color: Green; }
.framework_breadCrumbSpacer { background-color: Lime; }
.framework_tabBar { background-color: Maroon; }
.framework_tabBarLine { background-color: Navy; }
.framework_modeTabSpan { background-color: Olive; }
.framework_tabBarSpacer { background-color: Orange; }
.framework_footer { background-color: Purple; }
.framework_innerWrapper { background-color: #ff6699;}
.framework_innerWrapper_noRightSideBar { background-color: Teal; }
.framework_fullPageInnerWrapper { background-color: Yellow; }
.framework_fullPageContent { background-color: Aqua; }
.framework_fullPageContent_PaymentRedirect { background-color: Silver; }
*/

/* NEW FORMS */
.settingsTabContent 
{
}

.settingsList 
{
	border-top: solid 1px #cccccc;	
	width: 100%;
	margin-bottom: 18px;
}

.settingsList tr td
{
	vertical-align: top;
	padding: 2px 2px;
}

.settingsList tr.headingRow td
{
	font-weight: bold;
	color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: solid 1px #cccccc;	
}

.settingsList tr.dividerRow td
{
	border-top: solid 1px #eeeeee;	
}

.settingsList .heading
{
	font-weight: bold;
	color: #666666;	
}

.settingsList .label
{
	color: #787878;
	white-space: nowrap;
	vertical-align: top;
	width: 150px; /* override using secondard classes (i.e. wide) */
}

.settingsList .wide 
{
	width: 200px;
}

.settingsList .wider 
{
	width: 250px;
}

.settingsList .fullWidth 
{
	padding: 0;
}

.settingsList .value
{
	vertical-align: top;
	color: #787878;
}

.modalContainer 
{
	padding: 8px 0 0 0;
	display: block; 
	background-color:#cccccc;
	border: solid 1px #D24605;
	border-collapse:collapse;
	position: relative;
}

.modalBackground {
	background-color:White;
	filter:alpha(opacity=70);
	opacity:0.7;	
	z-index: 20;
}

.modalValidationSummary 
{
	padding: 15px 10px 36px 10px;
}

.modalFormContainer 
{
	padding: 6px 6px 30px 6px;
	margin: 20px 0 0 0;
	border-top: solid 1px #bbbbbb;
	background-color: #dddddd;		
}

.ie .modalFormContainer 
{
	margin: 26px 0 0 0;
}

.modalForm
{			
	color: #787878;
	vertical-align: top;
}

.modalForm tr td
{
	padding: 5px;
	vertical-align: top;
	border: none !important;
}

.modalForm .modalHeading
{
	font-weight: bold;
	color: #555555;
	font-size: 12px;	
}

.modalForm .modalLabel 
{
	color: #555555;
	padding-top: 8px;
}

.modalForm .modalValue
{	
	color: Black;
}

.modalForm .modalEdit
{
	color: Black;
}

.modalForm .modalFullwidth
{
}

.modalForm .modalInfoText 
{
	font-size: 10px;
	color: #555555;
}

.modalForm tr.imageSizerRow td 
{
	padding: 0px;
}

.modalForm img.labelSizer
{
	width: 100px;
	height: 1px;
}

.modalForm img.short 
{
	width: 60px;
}

.wizard
{
	width: 431px;
}

.wizardHeader 
{
	height: 50px;
}

.wizardHeader .titleContainer
{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 4px;	
}

.wizardHeader .wizardTitle 
{
	color: #787878;
}

.wizardHeader .wizardBreadcrumbContainer 
{
	padding-bottom: 8px;
}

.wizardHeader .wizardBreadcrumbSelectedLink 
{
	color: #D24605;
}

.wizardHeader a.wizardBreadcrumbLink
{
	color: #787878;
	text-decoration: none;
	font-size: 13px;
}

.wizardHeader a.wizardBreadcrumbLink:hover
{
	color: #D24605;
	text-decoration: none;
	font-size: 13px;
}

.wizardHeader .wizardBreadcrumbSeperator 
{
	color: #787878;
	font-family: Tahoma;
}

.wizardHeader .stepTitle 
{
	color: #D24605;
}

.wizardStep 
{
	background-color: #e0e0e0;		
	padding: 8px;
}

.wizardSideBar {
	width: 0;
	/*display: none;*/
}

.wizardForm
{	
	width: 408px;
	background-color: #e0e0e0;		
	color: #787878;
	vertical-align: top;
}

.wizardFormFullWidth
{
	width: 560px;
}

.wizardForm tr td
{
	padding: 5px;
}

.reducedPadding tr td
{
	padding: 4px;
}

.wizardForm .heading
{
	font-weight: bold;
	color: #787878;
	font-size: 14px;
	padding-left: 5px;
}

.wizardForm .label 
{
	color: #787878;
	width: 120px;
	vertical-align: top;
	padding-top: 8px;
}


.wizardForm .small 
{
	width: 80px;
}

.wizardForm .edit
{
}

.wizardForm .editPrefix
{
	/* i.e. the NZ$ before the currency text box */
	float: left;
	margin-top: 5px;
	color: #787878;
	font-size: 11px;
}



.wizardForm .radioButtonGroup 
{
	
}

.wizardForm .radioButtonGroup td
{
	padding: 0;
	color: #D24605;
	font-size: 11px;
}

.wizardForm .description 
{
	font-size: 12px;
}

.wizardForm .infoText 
{
	color: #787878;
	font-size: 11px;
}

.wizardForm .addressLabel 
{
	color: #787878;
	font-size: 11px;
}

.wizardFormValidationSummary
{
	padding-top: 6px;
	font-size: 10px;
	text-align: right;
}

.wizardForm ul
{
	margin-top: 3px;
	margin-bottom: 6px;
}

.wizard .addressLabel
{
	color: #787878;
	font-size: 11px;
	height: 24px;
}

.wizardNavigationArea 
{
	padding-top: 8px;	
}

.wizardFormInnerTable td 
{
	color: #666666;	
	padding: 6px;
}

ul, ol 
{
	margin-top: 6px;
	margin-bottom: 6px;
}

.instanceNamePanel 
{
	position: absolute; 
	right: 20px; 
	top: 28px; 
	z-index: 10000; 
	color: White;
	font-weight: bold;
	font-size: 16px;
}

.couponSuccess 
{
	color: #009900;
}

.couponFailure 
{
	color: #990000;
}

input[type=text], input[type=password]
{
	border: solid 1px #c1c1c1;
	padding: 3px;
}
