html, body
{
	height: 100%;
	min-height: 700px;
	min-width: 980px;
}

body
{
	padding: 0px;
	margin: 0px;
	font-family: verdana, arial, "lucida sans" ,helvetica, sans-serif;
	font-size: 12pt;
	background: #FECA37;
}

h1
{
	font-size: 20pt;
	font-weight: bold;
}

h2
{
	font-size: 18pt;
	font-weight: bold;
}

strong
{
	font-size: 14pt;
	font-weight: bold;
}

table
{
	border-collapse: collapse;
}

table td
{
	padding: 0px;
}

.mainBanner
{
	width: 100%;
	height: 101px;
	background-image: url(images/gapBanner.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.headerInfoTable
{
	width: 100%;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
}

.headerInfoTable td
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.mainBannerContent
{
	width: 100%;
	height: 153px;
}


.progressPanel
{
	width: 100%;
	height: 44px;
	background-color: #004c6b;
	background-image: url(images/rWizard.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.progressPanelContent
{
	width: 100%;
	line-height: 44px;
	vertical-align: middle;
}

.loginHyperlink
{
	line-height: 50px;
}

.loginHeader
{
	background-image: url(images/yellowGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	font-weight: bold;
	height: 30px;
	font-size: large;
	padding: 10px;
	margin-bottom: 30px;
}

.loginTextBox
{
	width: 200px;
}

.loginLabels
{
	width: 100px;
	font-size: small;
	text-align: right;
	margin-bottom: 20px;
	vertical-align: middle;
}

.selectionHighlight
{
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	background-image: url(images/selectionGradient.png);
	background-position: left top;
	background-repeat: repeat-y;
	text-decoration: none;
	color: Black;
	padding-left: 20px;
}

.selectionStandard
{
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	text-decoration: none;
	color: #101010;
	padding-left: 20px;
}

.dragDropSplit
{
	background-image: url(images/blueGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	cursor: pointer;
}

.accordionHeaderSel
{
	background-image: url(images/yellowGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	border-bottom: solid 2px #d19000;
	border-top: solid 2px #d19000;
	cursor: pointer;
}

.accordionHeaderSel .arrow
{
	background-image: url(images/buttons/downArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 30px;
	width: 100%;
}

.accordionHeaderSel .check
{
	background-color: #feca37;
	background-image: none;
	height: 30px;
	width: 20px;
	text-align: right;
}

.accordionHeaderNonSel
{
	background-image: url(images/blueGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	border-bottom: solid 1px white;
	cursor: pointer;
}

.accordionHeaderNonSel .arrow
{
	background-image: url(images/buttons/rightArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 30px;
	width: 100%;
}

.accordionHeaderNonSel .check
{
	background-color: #78c0ea;
	background-image: none;
	height: 30px;
	width: 20px;
	text-align: right;
}

.accordionHeaderSelSmall
{
	background-image: url(images/yellowGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
	border-bottom: solid 2px #d19000;
	border-top: solid 2px #d19000;
	cursor: pointer;
}

.accordionHeaderSelSmall .arrow
{
	background-image: url(images/buttons/downArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 18px;
	width: 100%;
}

.accordionHeaderNonSelSmall
{
	background-image: url(images/blueGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	font-size: 13px;
	border-bottom: solid 1px #aaaaaa;
	cursor: pointer;
}

.accordionHeaderNonSelSmall .arrow
{
	background-image: url(images/buttons/rightArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 18px;
	width: 100%;
}

.accordionContentNoScroll
{
}

.progressBar
{
}

.progressBar .option1
{
	background-image: url(images/progress/1inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option2
{
	background-image: url(images/progress/2inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option3
{
	background-image: url(images/progress/3inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option4
{
	background-image: url(images/progress/4inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option5
{
	background-image: url(images/progress/5inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option6
{
	background-image: url(images/progress/6inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option7
{
	background-image: url(images/progress/7inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option8
{
	background-image: url(images/progress/8inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option9
{
	background-image: url(images/progress/9inactive.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}


.progressBar .option1Sel
{
	background-image: url(images/progress/1active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option2Sel
{
	background-image: url(images/progress/2active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option3Sel
{
	background-image: url(images/progress/3active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option4Sel
{
	background-image: url(images/progress/4active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option5Sel
{
	background-image: url(images/progress/5active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option6Sel
{
	background-image: url(images/progress/6active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option7Sel
{
	background-image: url(images/progress/7active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option8Sel
{
	background-image: url(images/progress/8active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .option9Sel
{
	background-image: url(images/progress/9active.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 35px;
	width: 94px;
}

.progressBar .labelInformation
{
	font-size: 14px;
	color: White;
	line-height: 17px;
	padding-left: 30px;
}

.arrowInformation
{
	font-size: 14px;
	color: White;
	line-height: 17px;
	font-weight:bold;
}

.stepVisible
{
	width: 800px;
	height: 400px;
	border-style: hidden;
	visibility: visible;
}

.stepHidden
{
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none !important;
}

.listTable
{
	width: 100%;
	font-size: 10pt;
}

.listTable .headerRow
{
	height: 50px;
	font-size: 11px;
}

.leftPanel
{
	overflow: hidden;
	text-align: left;
	color: black;
	background-color: White;
	border-style: ridge;
	border-width: 2px;
	border-color: ButtonFace;
}

.leftPanelScroll
{
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;
	color: black;
	background-color: White;
	border-style: ridge;
	border-width: 2px;
	border-color: ButtonFace;
}

.leftPanelContent
{
	overflow: hidden;
	text-align: left;
	color: black;
	background-color: White;
	border-style: ridge;
	border-width: 2px;
	border-color: ButtonFace;
	font-size: 9pt;
}

.leftPanelContent strong
{
	color: black;
	font-size: 10pt;
	font-weight: bolder;
}

.rightPanelNoScroll
{
	overflow: hidden;
	text-align: left;
	background-color: White;
	border-style: ridge;
	border-width: 2px;
	border-color: ButtonFace;
}
.rightPanel
{
	overflow-y: scroll;
	text-align: left;
	background-color: White;
	border-style: ridge;
	border-width: 2px;
	border-color: ButtonFace;
}

.rightPanel .productName
{
	width: 160px;
	font-size: 8pt;
	vertical-align: middle;
}

.rightPanel .productDescription
{
	width: 250px;
	text-align: right;
}

.rightPanel .productQty
{
	width: 40px;
	text-align: right;
}

.rightPanel .productDelete
{
	width: 20px;
	text-align: left;
}

.rightPanel .userContentButtons
{
	width: 100%;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 4px;
	text-align: center;
}

.componentsList
{
	width: 430px;
}

.componentsList tr
{
	border-bottom: solid 1px silver;
}

.componentsList .descriptionHeader
{
	font-size: 10px;
}

.componentsList .description
{
	font-size: 10px;
}

.componentsList .qty
{
	width: 25px;
	font-size: 8px;
	text-align: center;
}

.componentsList .qtyHeader
{
	width: 70px;
	font-size: 10px;
	text-align: center;
}

.componentsList .includedHeader
{
	width: 50px;
	font-size: 10px;
	text-align: center;
}

.componentsList .qtyInput
{
	width: 60px;
	font-size: 10px;
	text-align: center;
	color: #fefefe;
}

.componentsList .priceCell
{
	width: 80px;
	font-size: 10pt;
	text-align: right;
}

.componentsList .priceHeader
{
	width: 80px;
	font-size: 10px;
	text-align: right;
}

.seperator
{
	width: 10px;
}

.bordersContent
{
	overflow: hidden;
}

.personalContentTable
{
	width: 300px;
}

.personalContentTable .subOptionSel
{
	background-image: url(Images/yellowGradient.png);
	background-repeat: repeat-y;
	background-position: center center;
	cursor: pointer;
}

.personalContentTable .subOptionNonSel
{
	cursor: pointer;
}

.pageNoTemplate
{
	font-style: italic;
	width: 100%;
	text-align: right;
}

.pageTemplate
{
	width: 95%;
	text-align: left;
	margin-left: 10px;
	font-style: italic;
	color: #888888;
}

.contentLinkTable
{
	width: 415px;
}

.contentLinkTable .select
{
	width: 55px;
	margin-right: 5px;
}

.contentLinkTable .view
{
	width: 50px;
}

.dragList
{
	background: white;
	border-bottom: solid 1px #D19000;
	margin-top: 5px;
	line-height: 19px;
	vertical-align: middle;
	font-size: 10pt;
}

.dragList .itemText
{
	min-width: 350px;
	width: 350px;
}

.linkTableCell
{
	text-align: left;
	vertical-align: middle;
	width: 50%;
	cursor: pointer;
	font-size: 8pt;
}

.orderSummaryDetails
{
	width: 430px;
	vertical-align: top;
	text-align: left;
}

.orderSummaryDetails .label
{
	font-size: 8pt;
}

.orderSummaryDetails .labelDelivery
{
	font-size: 8pt;
	background-color: #cccccc;
}

.orderSummaryDetails .billingAddress
{
	background-color: White;
	font-size: 9pt;
}

.orderSummaryDetails .deliveryAddress
{
	background-color: #cccccc;
	font-size: 9pt;
}

.orderDetailsPanel
{
	font-size: 9pt;
	margin-right: 10px;
}

.orderDetailsPanel .label
{
}

.orderDetailsPanel .information
{
	text-align: right;
	font-weight: bold;
	color: Navy;
}

.FileUploadProgress_MainDiv
{
	border-style: hidden;
	background-color: #F0F0F8;
	padding: 1px;
	padding-top: 5px;
	width: 99%;
}

.FileUploadProgress_Primary
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Secondary
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Status
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;
}

.FileUploadProgress_Current
{
	font-family: verdana;
	font-size: 10px;
	color: #00CC66;
	margin: 2px;
}

.FileUploadProgress_Bar
{
	width: 100%;
	margin: 0px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: #F0F0F8;
	background-repeat: repeat-x;
}

.FileUploadProgress_ProgressBar
{
	height: 21px;
	background-repeat: repeat-x;
}

.FileUploadProgress_UploadedListFileName
{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #009999;
}

.FileUploadProgress_UploadedListFileText
{
	font-family: verdana;
	font-size: 10px;
	color: #0000FF;
}

.FileUploadProgress_UploadedListTable
{
	margin: 2px;
}

.FileUploadProgress_UploadedListRow
{
}

.smallAccordionHeaderSel
{
	background-image: url(images/yellowGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	font-size: 10pt;
	cursor: pointer;
}

.smallAccordionHeaderSel .arrow
{
	background-image: url(images/buttons/downArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
}

.smallAccordionHeaderSel .check
{
	background-color: #feca37;
	background-image: none;
	height: 20px;
	width: 20px;
	text-align: right;
}

.smallAccordionHeaderNonSel
{
	background-image: url(images/blueGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	font-size: 10pt;
	cursor: pointer;
}

.smallAccordionHeaderNonSel .arrow
{
	background-image: url(images/buttons/rightArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
}

.smallAccordionHeaderNonSel .check
{
	background-color: #78c0ea;
	background-image: none;
	height: 20px;
	width: 20px;
	text-align: right;
}

.smallAccordionHeaderSelNoSize
{
	background-image: url(images/yellowGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: normal;
	line-height: 20px;
	font-size: 10pt;
	cursor: pointer;
}

.smallAccordionHeaderSelNoSize .arrow
{
	background-image: url(images/buttons/downArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 100%;
}

.smallAccordionHeaderSelNoSize .check
{
	background-color: #feca37;
	background-image: none;
	width: 20px;
	text-align: right;
}

.smallAccordionHeaderNonSelNoSize
{
	background-image: url(images/blueGradient.png);
	background-position: center center;
	background-repeat: repeat-y;
	color: Black;
	font-weight: normal;
	line-height: 20px;
	font-size: 10pt;
	cursor: pointer;
}

.smallAccordionHeaderNonSelNoSize .arrow
{
	background-image: url(images/buttons/rightArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 100%;
}

.smallAccordionHeaderNonSelNoSize .check
{
	background-color: #78c0ea;
	background-image: none;
	width: 20px;
	text-align: right;
}

.label
{
	font-size: 10px;
}

.contentPanelVertScroll
{
	overflow: hidden;
}

.button
{
	height: 29px;
	overflow: hidden;
	border: solid 1px #d19000;
	background-image: url(images/buttons/buttonBackground.png);
	background-position: left center;
	background-repeat: repeat-x;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
	text-decoration: none;
	width: 66%;
}

a .button
{
	text-decoration: none !important;
	color: Black;
}

.watermarkDescription
{
	background-color: #fefefe;
	background-image: url( Images/descriptionWatermark.png );
	background-repeat: no-repeat;
	background-position: left center;
}

.watermarkQty
{
	background-color: #fefefe;
	background-image: url( Images/qtyWatermark.png );
	background-repeat: no-repeat;
	background-position: left center;
}

div.save
{
	background-image: url(images/buttons/smallSave.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 20px;
	width: 100%;
}

.productTable
{
	border-collapse: collapse;
	border-style: hidden;
	overflow: hidden;
	width: 100%;
	font-size: 11px;
}

.productTable td
{
	padding-right: 3px;
	vertical-align: middle;
}

.productTable .altRow
{
	background-color: #cccccc;
}

.uppercase
{
	text-transform: uppercase;
}