body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
}
.maincontentbackdrop
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	background-color: #76B2CC;
	margin-top: 0px;
	}
.topbox {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 99px;
	text-align: left;
}
.imagemenubox {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 220px;
	background-color: #000;
}
.seperator {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 1px;
	background-color: black;
	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 1px;
	line-height: 1px;
}
.pwsbox {
	height: 68px;
	width: 100%;
	float: left;
}
.numberbox
 {
            font-size: 45px;
            font-weight: bold;
            height: 50px;
            width: 50px;
            text-align: center;
            vertical-align: middle;
            background-color: #70B1E1;
            color: #FFFFFF;
        }
.lightbluebackround {
	background-color: #76B2CC;
}
.blackbackround {
	background-color: #000000;
	height: 31px;
	width: 960px;
	float: left;
}
.mainmage {
	width: 758px;
	height: 220px;
	float: left;
	background-color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
}
.menu
{
	width: 165px;
	height: 220px;
	padding-right: 11px;
	text-align: right;
	margin-left: auto;
	padding-top: 3px;
}
.greymenuline
{
	width: 140px;
	height: 1px;
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #454545;
	font-size: 1px;
	line-height: 1px;
}
.image11pxmarginleftright {
	margin-left: 11px;
	margin-right: 11px;
}
.whitetext {
	color: #FFFFFF;
}
.aligntextright {
	text-align: right;
}
.copyright {
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	width: 960px;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
.greyborder {
    border: solid 1px #999;
}
.whitelink {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.contentbox {
	width: 938px;
	margin-left: 11px;
	margin-right: 11px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: both;

}
.graphbox {
    padding: 10px;
    margin: 0px;
    background-image: url('graphpaper.gif');
    width: 715px;
    height: auto;
    overflow: auto;
    min-height: 100%;
    table-layout: fixed;
}

.modalbackground { background-color:white; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.pleasewait-background
{
	background-color:white; filter:alpha(opacity=70); -moz-opacity:0.2; opacity:0.2;
	position:fixed; left:0px; top:0px; width:100%; height:100%;
	z-index:999999;
}
.pleasewait-main
{
	position:fixed; height:256px; left:40%; top:40%; z-index:750; width:256px; height:128px;
	border: solid 1px black;
	background-color:White;
	text-align:center;
	z-index:9999999;
}

.create {
	width:890px;
}
.create-header
{
	font-size: 16px;
	text-align: justify;
	height: 70px;
	padding:11px;
	font-weight: bold;
}
.create-header-instructions
{
	padding-top:11px;
	font-size: 14px;
	font-weight: normal;
}
.create-content
{
	margin-left: 10px;
	background-image: url(graphpaper.gif);
	padding: 15px;
}
.create-content-reference
{
	margin: 16px;
	height: 64px;
}
.create-content-service
{
	margin: 16px;
	height: 64px;
}
.create-submit
{
	margin: 11px;
}

.reference
{
}
.reference-header
{
}
.reference-text
{
	margin-right: 6px;
	margin-top: 3px;
}
.reference-error
{
	color: #F00;
	font-weight: bold;
}

.service
{
}
.service-header
{
}
.service-useti
{
}
.service-postcode
{
}
.service-error
{
	color: #F00;
	font-weight: bold;
}

.services-input
{
	padding-left:64px;
	padding-top:32px;
	height:72px;
}
.services-confirm
{
	padding-left:64px;
}


.genericbrowser {
	background-image:url(graphpaper.gif);
	width: 918px;
	margin-left: 5px;
	padding-bottom: 10px;
}

.genericbrowserbordered
{
	background-image:url(graphpaper.gif);
	width: 918px;
	margin-left: 5px;
	border:solid 8px #76B2CC;
}

.genericbrowser-header {
	margin-left: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.genericbrowser-header-image { }
.genericbrowser-cancel {
	float: right;
}
.genericbrowser-cancel-button { }
.genericbrowser-progress { clear:both; padding-top:16px; padding-left:16px; color:Red; }
.genericbrowser-buttons {
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 640px;
	padding: 0px;
}
.genericbrowser-buttons-row 
{
	min-height:160px;
}
.genericbrowser-buttons-button {
	padding:4px;
}
.genericbrowser-buttons-button-label
{
	float:left; min-height:160px; max-height:160px; text-align:center;
}

.segmentvariationbrowser-buttons
{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	padding: 0px;
}
.segmentvariationbrowser-buttons-button
{
	margin:4px;
	border:solid 1px black;
}
.segmentvariationbrowser-buttons-button:hover
{
	margin:4px;
	border:solid 1px red;
}

.edgebrowser-buttons-button { border-style:solid; border-width:1px; border-color:Black; margin:2px; }
.thicknessbrowser-buttons-button { border-style:solid; border-width:1px; border-color:Black; margin:2px; }
.cornersolutionbrowser-buttons-button { padding:6px; margin:6px; }

.materialbrowser {
	background-image:url(graphpaper.gif);
	clear: both;
	width: 918px;
	margin-left: 5px;
}
.materialbrowser-header { 
margin-left: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 8px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
.materialbrowser-buttons {
	width: 852px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.materialbrowser-buttons-row 
{
	margin-bottom:4px;
}
.materialbrowser-buttons-button {
	padding:0px;
	margin: 0px;
}
.materialbrowser-buttons-button:hover { border:solid 1px Red; }

.layoutbrowser {
	background-image:url(graphpaper.gif);
	width: 918px;
	margin-left: 10px;
}
.layoutbrowser-header { padding:8px; }
.layoutbrowser-buttons-row
{
	min-height:160px;
}
.layoutbrowser-buttons
{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 760px;
	padding: 0px;
}
.layoutbrowser-buttons-button
{
	margin:4px;
	border:solid 1px black;
}
.layoutbrowser-buttons-button:hover
{
	margin:4px;
	border:solid 1px red;
}



.faqitem
{
	margin-bottom:16px;
}
.faqitem-question
{
	font-size:larger;
	font-weight:bolder;
}
.faqitem-answer
{
	margin-left:0px;
}

.faqitemlist
{
	width:50%;
	margin-left:25%;
	padding-top:32px;
}
.faqitemlist-category
{
	font-weight:bold;
	font-size:14px;
	margin-bottom:16px;
	background-color:#76B2CC;
	color:White;
	padding:8px;
}
.faqitemlist-items
{
}

.selectlayout { }
.selectmaterial {
	width: 927px;
	margin-left: 5px;
	clear: both;
}

.pieceselector { width:100%; }
.pieceselector-pieces {
	clear:both;
	width: 100%;
}

.pieceselector-pieces span {
	float:left;
	width:64px;
	padding: 3px;
	height: 64px;
	margin-right:5px;
}
.pieceselector-addnew { }
.pieceselector-info { float:right; width:256px; text-align:right; font-size:smaller; color:Gray; }

.preview-unselected {
	background-color: #FFF;
	border:dashed 1px #76B2CC;
	margin:2px;
	float: left;
	padding: 1px;
	max-height: 64px;
	max-width: 64px;
}

.preview-unselected:hover {
	background-color: #FFF;
	border:dashed 1px Red;
	margin:2px;
	float: left;
	padding: 1px;
	max-height: 64px;
	max-width: 64px;
}
.preview-selected {
	background-color: #FFF;
	border:solid 1px Red;
	margin:2px;
	float: left;
	padding: 1px;
	max-height: 64px;
	max-width: 64px;
}
.preview-thumb 
{
	max-height:64px;
	max-width:64px;
}
.estimatedescription {
	font-size: 14px;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
}
.main
{
	padding: 0px;
	width: 927px;
	border: 0px solid #CCCCCC;
	margin-left:5px;
}
.main-top 
{
	width: 927px;
	height: 100px;
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
.summary-text-box {
	margin-left: 13px;
}

.main-top-greeting {
    float:left;
	width:737px;
	font-size:14px;
    height: 100px;
}
.main-top-greeting-estimate { float:left; width:80%; font-size:14px; }
.main-top-price {
	text-align:right;
	float:right;
	font-weight:normal;
	width:auto;
	border: 1px solid #76B2CC;
	padding: 10px;
	background-color: #FFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main-top-price-value {
	line-height:18px;
}
.main-top-price-grand {
	line-height:18px;
	border-top:solid 1px #DDDDDD;
	margin-top:4px;
	font-weight:bold;
}
.main-top-pieceselector {
	width: 750px;
	border: 1px solid #76B2CC;
	padding: 5px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 72px;
	background-color: #F1F8FA;
}
.selectedge {
	width: 927px;
	margin-left: 5px;
}

.main-workpieces {
	margin-bottom:8px;
	border: 1px solid #76B2CC;
	padding: 8px;
	width: 910px;
	clear:both;
	display: inline-block;
}

.login {
	border: 1px #CCCC99 solid;
	background-color: white;
	width: auto;
	line-height: 28px;
	height: auto;
	max-width: 265px;
	max-height: 126px;
}
.login-welcome { font-size: 14px; padding:10px 10px 0px 10px;
    width: 700px;
}
.login-welcometitle { font-size:large; padding:10px 10px 0px 10px;
    width: 585px;
}
.login-background
{
    padding: 10px;
    margin: 0px 11px 0px 11px;
    background-image: url( 'graphpaper.gif' );
    width: auto;
    height: auto;
    overflow: auto;
    min-height: 100%;
}
.login-box {
	background-color:#FFFFFF;
	border: 1px #CCCC99 solid;
	font-family:Verdana;
	font-size:10pt;
	width:275px;
	margin: 1px;
}
.login-text { font-size:10px; padding:0px 10px 0px 10px; }
.login-progress {border-style: none;
    border-color: inherit;
    border-width: medium;
    color:Red;
    padding: 5px;
}
.login-failuretext {}
.login-instructiontext { }
.login-loginbutton { background-color:#70B1E1; font-weight:bold; color:White;}
.login-textbox {
	background-color:#FFFFCC;
	width:150px;
}
.login-titletext { background-color:#76B2CC; color:white; font-weight:bold; font-size:14px; height:20px; }
.login-validatortext { }

.landingpage {

}
.landingpage-reference 
{
	background-image:url(graphpaper.gif);
	width: 918px;
	padding: 10px;
}
.landingpage-reference-cancel { margin-left: 96%; margin-top: 0px; margin-bottom: 30px; }


.masterpage-info
{
	text-align:center;
	padding-top:32px;
	padding-left:10px;
	font-size:smaller;
}


.delay 
{
	height:320px;
	padding:32px;
}
.delay-text
{
	text-align:center;
}
.delay-image
{
}


.retrieve {
	margin-left: 5px;
	width: 927px;
	padding-bottom: 0px;
	clear: both;
}
.retrieve-browser
{
	background-image:url(graphpaper.gif);
	padding-top:16px;
}
.retrieve-text 
{
	padding:8px;
	width:50%;
	margin-left:25%;
	color:#333;
	background-color:White;
	font-weight: bold;
	border: 1px solid #76B2CC;
}
.retrieve-browser-sort
{
	font-weight:normal;
}
.retrieve-browser-sort-button
{
}

.savedestimate {
	height: 75px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #FFF;
	margin-bottom: 5px;
}
.savedestimate-description {
	float:left;
	height: 40px;
	width: 445px;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 15px;
}
.savedestimate-description a {
text-decoration:none;
}
.savedestimate-preview {
	float:left;
	width:64px;
	padding: 5px;
	border: 1px dashed #76B2CC;
	background-color: #FFF;
	height: 64px;
}
.savedestimate-delete {
	float:left;
}
.savedestimatebrowser-buttons-row
{
}

.addnewworkpiece { padding:16px; margin:16px; width:320px; height:72px; border-style:solid; border-width:1px; border-color:#454545; }
.addnewworkpiece-nextcount { line-height:24px; }
.addnewworkpiece-controls { float:left; width:60%; padding-left:32px; }
.addnewworkpiece-controls-thickness { }
.addnewworkpiece-controls-material { }
.addnewworkpiece-controls-layout { }
.addnewworkpiece-add { float:right; position:relative; width:20%; top:16px; }

.addnewcorner-button { margin-left:0px; margin-right:0px; }
.addnewcutout-button { }
.addnewsegment-button { }
.switchmode-button { }

.component {
	width: 910px;

}
.component-top {
	float: left;
	width: 100%;
	border-bottom: 1px solid #76B2CC;
	height: 18px;
	margin-bottom: 4px;
}
.component-top-description 
{
	float:left;
	font-size: 14px;
	font-weight:bold;
}
.component-top-price {
	text-align:right;
	float: right;
	font-size: 14px;
}
.component-main {
	float: left;
	width: 100%;
	margin-bottom: 3px;
}
.component-main-header {
	padding-bottom:8px;
	font-weight: bold;
	padding-top: 8px;
}
.component-main-left {
	width:30%;
	float: left;
}
.component-main-left-parameters {
	margin-bottom:8px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.component-main-right {
	float: right;
	width: 70%;
}
.component-main-right-preview {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	overflow: visible;
	float: right;
	border: thin dashed #76B2CC;
}
.component-main-right-advice { color:Red; }
.component-subobjects {
	width: 900px;
	clear: both;
	border: 1px solid #76B2CC;
	padding: 5px;
	background-color: #FBFDFD;
}
.component-subobjects-header {
	padding-bottom:2px;
	font-weight: bold;
}
.component-subobjects-header-buttons { margin-top:4px; }
.component-subobjects-content {
	width: 910px;
	display: inline-block;
	background-image: url(back.gif);
}
.component-subobjects-content-browser {
	border-left:solid 1px #76B2CC;
	border-top:solid 1px #76B2CC;
	width: 440px;
	float: left;
	background-color: #FFF;
}
.component-subobjects-content-object {
	border-right:solid 1px #76B2CC;
	border-top:solid 1px #76B2CC;
	border-bottom:solid 1px #76B2CC;
	float: left;
	width: 450px;
	background-color: #FFF;
	display: inline-block;
}

.workpiecedescription-edge {
	text-transform:lowercase;
}


.ImageCssClass {
	max-height: 64px;
	max-width: 64px;
}



.subcomponent {
	width: auto;
	min-height:256px;
	background-color:#F1F8FA;
}
.subcomponent-top {
	height: 18px;
	float: left;
	clear: both;
	width: 100%;
	background-color:#F1F8FA;
}
.subcomponent-top-description {
	float:left;
	font-size: 12px;
	font-weight:bold;
}
.subcomponent-top-price {
	float:right;
	text-align: right;
	margin-right: 28px;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 5px;
}
.subcomponent-main {
	width: 100%;
	float: left;
	background-color:#F1F8FA;
}
.subcomponent-main-parameters 
{
	margin-top: 0px;
	float: right;
	border: none;
	width: 370px;
}
.subcomponent-main-delete
{
	float: right;
	padding: 16px;
	width: 128px;
}
.subcomponent-main-preview {
	float: left;
	border:none;
	overflow: visible;
	max-width: 290px;
}
.subcomponent-main-preview-image {
	max-width: 290px;
}

.subcomponent-main-advice { color:Red; }




.subobjectunselected
{
	height: 35px;
	padding-top: 2px;
	border-bottom:solid 1px #76B2CC;
	border-right:solid 1px #76B2CC;
	text-transform:lowercase;
}
.subobjectselected
{
	height: 48px;
	padding-top: 2px;
	border-bottom:solid 1px #76B2CC;
	background-color:#F1F8FA;
	text-transform:lowercase;
}
.subobjectselecteddisabled
{
	height: 48px;
	padding-top: 2px;
	border-bottom:solid 1px #76B2CC;
	background-color:#F1F8FA;
	text-transform:lowercase;
}
.subobjectunselecteddisabled
{
	height: 48px;
	padding-top: 2px;
	border-bottom:solid 1px #76B2CC;
	border-right:solid 1px #76B2CC;
	color: #AA0000;
	background-color:#FFEEEE;
	text-transform:lowercase;
}

.subobjectbrowser { }
.subobjectbrowser-header {
	font-weight:bold;
	font-size:14px;
	height: 18px;
	border-right:solid 1px #76B2CC;
	border-bottom: 1px solid #76B2CC;
}
.subobjectbrowser-objects { }
.subobjectbrowser-objects-panel { }


.feedback 
{
	background-color:White;
	border:solid 8px #76B2CC;
	margin:8px;
	padding:8px;
}
.feedback-header {
	font-size:larger;
	font-weight:bold;
	padding-bottom:8px;
}
.feedback-instructions 
{	
}
.feedback-usercopy
{
}
.feedback-confirm
{
}


.parameter {
	border-bottom:solid 1px #EEEEEE;
	height: 30px;
	margin-top: 2px;
}
.parameter-description {
	float:left;
	text-align:right;
	line-height: 22px;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 75%;
}
.parameter-value 
{
	float:right;
	line-height:22px;
	margin-bottom: 5px;
	margin-top: 2px;
	width: 22%;
}
.parameter-cornersolution { width:256px; height:256px; }
.parameter-error { clear:both; }

.bluelink
{
    color: #6666FF;
    font-weight: bold;
}

.ajax__tab_header { font-family: verdana,tahoma,helvetica; font-size: 11px; background-color: #ffffff; }
.ajax__tab_panel { font-family: verdana,tahoma,helvetica; font-size: 11px; }
.fixedbox {
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
	background-color: #FFF;
}
.centeredbox
        {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
        }

.blackback {
	color: #FFF;
	background-color: #000;
}
.summary-title {
	font-size: 16px;
}
.homelink
            {
                float: right;
                height: 31px;
                font-size: medium;
                margin-right: 10px;
                padding-top: 25px;
                color: white;
            }
            .homelink-text
            {
                color: white;
                text-decoration: underline;
                margin-left:30px;
            }
.estimate-select-background {
	padding: 50px;
	background-image: url( 'graphpaper.gif' );
	width: 815px;
	height: auto;
	min-height: 100%;
	margin-top: 0px;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 11px;
}