body {
	padding: 0;
	margin: 0;
	background-color: #f5f5f5;
	font-size: 11pt;
	line-height: 15pt;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 200;
	color: #616466;
	text-rendering: optimizeLegibility;
}

b{font-weight:bold;}

:link {color: #0000EE;}
:visited {color: #0000EE;}
:link:active {color: #EE0000 ;}
:visited:active {color: #EE0000 ;}

#mtbform {
	position: relative;
}

#imageviewer {
	position: absolute;
	padding: 2px 8px 2px 8px;
	width: 60%;
	height: auto;
	left: 20%;
	top: 20%;
	z-index: 3;
}

#imageleft {
	position: absolute;
	padding: 10px;
	top:3em;
	left:2%;
	height: 48px;
	cursor: pointer;
	z-index: 1;
	background: rgba(255, 255, 255, 0.28) none repeat scroll 0% 0%;
	border: none;
	border-radius: 40px;
}

#imageright {
	position: absolute;
	padding: 10px;
	top:3em;
	right:2%;
	height: 48px;
	cursor: pointer;
	z-index: 1;
	background: rgba(255, 255, 255, 0.28) none repeat scroll 0% 0%;
	border: none;
	border-radius: 40px;
}

#imageview {
	position: relative;
	top:0px;
	width: 100%;
	height: auto;
	cursor: pointer;
	border-radius: inherit;
	margin: 4px 0 0 0;
}

#banner {
	width: 95%;
	margin: 1% 2.5% 0 2.5%;
	padding-bottom: 4px;
}

#title {
	text-align: left;
	padding: 8px 0px 0px 2%;
	font-size: 14pt;
	flex-basis: 50%;
}

#module {
	padding: 8px 0px 0px 2%;
	flex-basis: 30%;
}



#cart {
	position: relative;
	text-align: center;
	padding: 8px 1% 0px;
	font-size: 18pt;
	text-shadow: 1px 2px 0 rgba(255,255,255,0.8);
	cursor: pointer;
	flex-basis: 20%;
}

#account {
	position: relative;
	text-align: center;
	padding: 8px 1% 0px;
	text-shadow: 1px 2px 0 rgba(255,255,255,0.8);
	cursor: pointer;
	flex-basis: 10%;
}

#cartitems {
	position: absolute;
	text-align: center;
	top: 2em;
	font-size: 11pt;
	left: 25%;
	width: 50%;
}

#cartpopup {
	position: absolute;
	text-align: center;
	top: 3.5em;
	right: 3%;
	width: 400px;
	max-height: 400px;
	z-index: 2;
	height: auto;
	padding: 1em;
	font-size: 11pt;
	overflow-y: scroll ;
	cursor: auto;
}

#cartcheckout {
	padding-top: 0.5em;
}


.cartitemlist{
	display: flex;
	align-items: center;
	border-bottom-style: double;
	border-color: aliceblue;
}

.erasecartitem {
	height: 1.5em;
	margin: 6px;
	padding-top: 0.12em;
	color: #f00;
	background: rgba(0, 0, 0, 0.13) none repeat scroll 0% 0%;
	border: none;
	border-radius: 5px;
	font-family: "Antenna Medium",Helvetica,Arial,sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	-moz-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	-webkit-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	cursor: pointer;
	-webkit-appearance: button;
}

#favspopup {
	position: absolute;
	text-align: left;
	top: 2.5em;
	right: 3%;
	width: 400px;
	max-height: 400px;
	z-index: 2;
	height: auto;
	padding: 1em;
	font-size: 11pt;
	overflow-y: scroll ;
	cursor: auto;
}

.favsitemlist{
	display: flex;
	align-items: center;
	border-bottom-style: double;
	border-color: aliceblue;
}

.erasefavitem {
	height: 1.5em;
	margin: 6px;
	padding-top: 0.12em;
	color: #f00;
	background: rgba(0, 0, 0, 0.13) none repeat scroll 0% 0%;
	border: none;
	border-radius: 5px;
	font-family: "Antenna Medium",Helvetica,Arial,sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	-moz-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	-webkit-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	cursor: pointer;
	-webkit-appearance: button;
}

#accountpopup {
	position: absolute;
	text-align: left;
	top: 2.5em;
	right: 3%;
	width: 220px;
	max-height: 400px;
	z-index: 2;
	height: auto;
	padding: 1em;
	font-size: 11pt;
	overflow-y: scroll ;
	cursor: auto;
	text-shadow: initial;
}

#useremail {
	margin-bottom: 8px;
}

#userfavs {
	margin-bottom: 8px;
}

#userorders {
	margin-bottom: 8px;
}

#usersettings {
	margin-bottom: 8px;
}

#userlogout {
	margin-bottom: 8px;
}

#userunregister {
	margin-bottom: 8px;
}


#accountregister {
	margin-bottom: 8px;
}

#accountname {
	width: 165px;
}

#accountcountry {
	width: 171px;
}

#accountemail {
	width: 165px;
}

#accountfirstname{
	width: 165px;
}

#accountlastname {
	width: 165px;
}

#accountcompany{
	width: 165px;
}

#accountaddress1 {
	width: 165px;
}

#accountaddress2{
	width: 165px;
}

#accountcity{
	width: 165px;
}

#accountstate {
	width: 165px;
}

#accountpostalcode {
	width: 165px;
}

#accounttelephone {
	width: 165px;
}

#accountpassword {
	width: 165px;
}

#accountconfirmpassword {
	width: 165px;
	margin-bottom: 8px;
}

#accountconfirmpassword.error{
	width: 165px;
	margin-bottom: 0px;
}

#accountlogin {
	margin-top: 8px;
	margin-bottom: 8px;
}

#accountforgotpassword {
	
}

#userapplysettings {
	margin-bottom: 8px;
}

#usercancelsettings {
	margin-bottom: 8px;
}

#userunregisterconfirm {
	margin-bottom: 8px;
}

#accountrequestpassword {
	margin-top: 8px;
}

#accountcancel {
	margin-top: 8px;
}

input.error {
    color: #c00;
    border: 1px solid #c00;
}

label.error {
	font-size: 10pt;
    color: #c00;
}

.shadowblock {
	background: #ffffff;
	border: none;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.action {
	padding: 6px 8px;
	color: #fff;
	background: #248bfb;
	border: none;
	border-radius: 5px;
	font-family: "Antenna Medium",Helvetica,Arial,sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	-moz-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	-webkit-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	cursor: pointer;
	-webkit-appearance: button;
}




/*handles the vertical centering*/
.centerer {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.centered {
	margin: 0 auto;
	display: block;
}

#summary {
	width: 90%;
	margin: 2% 4% 0 4%;
	padding: 8px;
	text-align: justify;
}

#viewer {
	width:48%;
	margin: 2.25em 1% 2% 2.5%;
	position: relative;
	/*background: #00F689 none repeat scroll 0% 0%;*/
}

#viewercontent {
	height:600px;
	width:100%;
	text-align: center;
	position: relative;
	/*background: #00F689 none repeat scroll 0% 0%;*/
}


#render {
	flex-basis: 80%;
	min-height: 512px;
	position: absolute;
	left: 0%;
	width: 100%;
	height: 512px;
	top: 43px;
	text-align: center;
}



#home {
	position: absolute;
	text-align: center;
	top: 1em;
	width: 10%;
	left: 45%;
	z-index: 1;
}

#waiting {
	top: 206px;
	height: 100px;
	position: relative;
}

#preview {
	top: 0px;
	height: 512px;
	position: relative;
	border-style: solid;
	border-width: 1px;
}

canvas{
	vertical-align: middle;
	border-style: solid;
	border-width: 1px;
}



#editor {
	width:48%;
	margin: 2.25em 2.5% 2% 1%;
	position: relative;
	/*background: #00F689 none repeat scroll 0% 0%;*/
}

#variables {
	height:600px;
	overflow-y: scroll ;
	padding: 10px;
}

#defaults {
	position: absolute;
	left: 1em;
	top: -1.5em;
	z-index: 1;
}

#advanced {
	position: absolute;
	left: 6em;
	top: -1.5em;
	z-index: 1;
}

#favorite {
	position: absolute;
	right: 1.5em;
	top: -1.5em;
	z-index: 1;
}

#loading {
	position: absolute;
	left: 25%;
	bottom: 1em;
	padding-top: 1%;
	width:50%;
	z-index: 1;
}

#thumbs {
	margin-top: 2%;
	align-items: center;
}

.thumb {
	cursor: pointer;
}

#thumbleft {
	height: 50%;
	cursor: pointer;
}

#thumbright {
	height: 50%;
	cursor: pointer;
}


#result {
	margin-top: 2%;
}


.rowcontainer {
	display: flex;
	width: 100%;
	justify-content: space-around;
	/*background: #FFA700 none repeat scroll 0% 0%;*/
}

.leftitem {
	position: relative;
}

.rightitem {
	position: relative;
}

.colcontainer {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-around;
	/*background: #FFA700 none repeat scroll 0% 0%;*/
}

.topitem {
	position: relative;
}

.bottomitem {
	position: relative;
}


.bluehighlight {
	color: #3a87ad;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	/*background-color: #fcf8e3;*/
	border: 1px solid #fbeed5;
	background-color: #d9edf7;
	border-color: #bce8f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.greenhighlight {
	color: #3aad87;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	/*background-color: #fcf8e3;*/
	border: 1px solid #fbd5ee;
	background-color: #d9f7ed;
	border-color: #bcf1e8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.yellowhighlight {
	color: #a26c37;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbd5ee;
	border-color: #dcd8c3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#quotation {
	margin-top: 10px;
	padding: 5px;
	flex-basis: 40%;
	text-align: center;
}

#cartblock {
	margin-top: 10px;
	flex-basis: 40%;
}

#cartaction {
}

#iteminfo {
	font-size: 10pt;
	text-align: center;
}

#partname {
	background-color: transparent;
    border: 0px solid;
	width: 100%;
	text-align: center;
}

#addtocart {
	text-align: center;
	margin: 2px 0;
}

#acceptmodification {
	text-align: center;
	margin: 2px 0;
	align-items: center;
}

#cancelmodification {
	height: 1.5em;
	padding-top: 0.12em;
	padding-right: 1px;
	color: #f00;
	background: #f5f5f5 none repeat scroll 0% 0%;
	border: none;
	border-radius: 5px;
	font-family: "Antenna Medium",Helvetica,Arial,sans-serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	outline: none;
	-moz-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
	-webkit-transition: background-color .1s ease-in-out;
	transition: background-color .1s ease-in-out;
	cursor: pointer;
	-webkit-appearance: button;
}

#quantity{
	position: absolute;
	left: 10px;
	top: 4px;
	width: 3em;
}

#editquantity{
	position: absolute;
	left: 10px;
	top: 4px;
	width: 3em;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*popup*/
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index: 3;
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    text-align: center;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
#popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
	text-decoration:black;
}
 
#popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}