body {
	background-color:#ffffff;
	min-width: 600px;
	width:100%;
	height:100%;
	text-align:center;
	overflow-x:hidden ;
	overflow-y:auto ;
	font-size:1em;
	font-weight:normal;
	font-family:Arial, Helvetica, Verdana,sans-serif;
	text-align:center;
	color:#333;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
	
a {text-decoration:none; color: #8D7A46;}
a:visited {text-decoration:none; color:#8D7A46;}
a:hover {text-decoration:none; color: #DDCFA0;}
a:active {text-decoration:none; color:#8D7A46;}

p,h1,pre {
	}
		
h1 {
	font-size:.8em;
	text-decoration:none;
	font-weight:normal;
	color:#333;
	}

h2 {
	font-size:14px;
	padding-top:10px;
	}

.clear {
	clear:left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




#logo {
	background-image:url(modules/core/htdocs/images/logo.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:64px;
	margin: -35px 0 0 10px;
	}
	
	
#tagline {
	text-align: right;
	margin: 10px 10px 0 0;
	color: #fff;
	}
	
#top-nav-container ul{
	text-align:right;
	margin: 0 0 0 -25px;
	padding: .5em .1em .5em .1em;
	width: 100%;
	font-size:.7em;
	}

#top-nav-container ul li{ 
	display: inline; 
	color:#fff;
	padding: .5em .1em 0 .1em;
	}

#top-nav-container ul li a{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size:1.1em;
	padding: .5em .1em 0 .1em;
	text-decoration: none;
	color: #000066;
	}

#top-nav-container ul li a:hover{
	color: #999999;
	text-decoration: underline;
	}


#top-bar {
	background-image:url(modules/core/htdocs/images/nav-background.png);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#000066;
	border-top: 3px solid #0033FF;
	border-bottom: 3px solid #0033FF;
	height:66px;
	text-align:left;
	margin: 3px 0 0 0;
	width: 100%;
	}

#navcontainer ul{
	text-align:right;
	margin: -20px 10px 0 -50px;
	width: 100%;
	font-size:1em;
	}

#navcontainer ul li{ 
	padding: 0 1em 3px 1em;
	display: inline; 
	color:#000;
	background-color:#efefef;
	border-top: 1px solid #0033FF;
	border-right: 2px solid #fff;
	}

#navcontainer ul li a{
	font-size:.8em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	}

#navcontainer ul li a:hover{
	color: #CC0000;
	}

 .action-message-true {
 	text-align: right;
	font-size:.8em;
	color: #006600;
	}
	
 .action-message-false {
 	text-align: right;
	font-size:.8em;
	color: #CC0000;
	}
 
#breadcrumb {
	font-size:.8em;
	}


.search-results {
	text-align: right;
	font-size:.8em;
	}



#container {/* #809900 is background color of right column and image is bg of left column*/
}

#header {
	height:130px;
	text-align:center;
}
#inner{width:100%;float:left;}
#leftcontent {
	margin-top: -5px;
	padding-right: -10px;
	float:left;
	width:30%;/* note this width is 32% and not 20% */
	margin-left:-29.9%;/* must be less than width */
	position:relative;
	left:-.01%;
}
#rightcontent {
	margin-right:-41.9%;/* must be less than width */
	margin-top: -5px;
	float:right;
	width:42%;/* note this width is 32% and not 20% */
	position:relative;
	left:.01%;
}
#centercontent {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-left:16.5%;
	margin-right:24%;
 	min-height:0;
	text-align: left;
}
/* mac hie \*/
* html #centercontent {height:1%;position:relative;}
/* end hide */


.footer{
	clear: both;
	margin-top: 5px;
	font-size:.8em;
	border-top: 8px solid #000066;
	padding: 10px;
	}
.footer #left{
	width:50%;
	padding: 2px;
	text-align:left;
	font-size:.8em;
	color: #666;
	}
.footer #right{
	padding: 5px;
	float: right;
	width:50%;
	text-align:right;
	margin-top: -2em;
	}


/* Store Blocks ------------------------------------*/
.block-nav-left{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: -10px;
	width: 85%;
	border-bottom: 1px solid #8D7A46;
	margin-left: 10px;
	text-align:left;
	vertical-align: top;
	font-size: .8em;
	}
	
.block-nav-left .block-title1{
	color: #666;
	font-size: 1.1em;
	}
	
.block-nav-left .block-title2{
	font-size: 1.1em;
	}


.block-nav-left .block-title1 #logout{
	margin-top: -1.4em;
	margin-left: 165px;
	font-size: .6em;
	}
	
.block-nav-left .block-content1{
	font-size: .9em;
	}
	
.block-nav-left .block-content2{
	font-size: .8em;
	}
	
.block-nav-left .block-content3{
	font-size: .7em;
	}
	
.block-nav-left .block-content4{
	font-size: .6em;
	}
	
.block-nav-right{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 85%;
	border-bottom: 1px solid #8D7A46;
	margin-left: 20px;
	text-align:left;
	vertical-align: top;
	font-size: .9em;
	}
	
.block-nav-right .block-title1{
	color: #473D23;
	font-size: 1.1em;
	}
	
.block-nav-right .block-title1 a{
	color: #8D7A46;
	}
.block-nav-right .block-title1 a:hover{
	color: #DDCFA0;
	}
.block-nav-right .block-title1 a:visited{
	color: #8D7A46;
	}

.block-nav-right .block-title1 #logout{
	margin-top: -1.4em;
	margin-left: 165px;
	font-size: .6em;
	}
	
.block-nav-right .block-content1{
	font-size: .9em;
	}
	
.block-nav-right .block-content2{
	font-size: .8em;
	}
	
.block-nav-right .block-content3{
	font-size: .7em;
	}
	
.block-nav-right .block-content4{
	font-size: .6em;
	}


.block-center{
	text-align:left;
	vertical-align: top;
	font-size: .9em;
	}
	
.block-center img{
	float: right;
	padding: 5px;
	}
	
.block-center .block-title1{
	padding: 5px 0 5px 0;
	color: #FF9900;
	font-size: 1.1em;
	font-weight: bold;
	}
	
.block-center .contact-tag{
	border-top: 1px solid #8D7A46;
	text-align: center;
	font-size: .8em;
	}
	
.block-center .block-title1 a{
	color: #8D7A46;
	}
.block-center .block-title1 a:hover{
	color: #DDCFA0;
	}
.block-center .block-title1 a:visited{
	color: #8D7A46;
	}

.block-center .block-title1 #logout{
	margin-top: -1.4em;
	margin-left: 165px;
	font-size: .6em;
	}
	
.block-center .block-content1{
	font-size: .9em;
	}
	
.block-center .block-content2{
	font-size: .8em;
	}
	
.block-center .block-content3{
	font-size: .7em;
	}
	
.block-center .block-content4{
	font-size: .6em;
	}

.cart-contact{
	font-size: .8em;
}


/* Navigation Login Form ------------------------------------*/
#navlogin {
width: 250px;
}


#navlogin fieldset{
padding-bottom:20px;
border:1px solid #ccc;
}

#navlogin legend{
	color: #B38004;
	padding:3px;
	margin-left: 10px;
	font-size: .9em;
}

#navlogin label{
display:block;
color:#666;
font-size: .9em;
width:100px;
padding:3px;
margin-bottom:5px;
}

#navlogin input {
margin-right:5px;
border:1px solid #999999;
float:right;
clear:right;
background:#EFEFEF;
font-size: 11px;
width:125px;
margin-top:-2.2em;
}

#navlogin input:focus,#navlogin input:hover {
border:1px solid #333333;
}

#navlogin #btn {
margin-top:10px;
width:50px;
}

#navlogin-links {
font-size: .7em;
text-align: left;
}

#mainlogin{
padding: 10px;
font-size: .8em;
color: #333;
	}

/* Forgot Password Form ------------------------------------*/
#forgotpass {
width: 500px;
font-size: 1.2em;
}


#forgotpass fieldset{
padding-bottom:20px;
border:1px solid #ccc;
}

#forgotpass legend{
	color: #B38004;
	padding:3px;
	margin-left: 10px;
	font-size: .9em;
}

#forgotpass label{
text-align: right;
display:block;
color:#666;
font-size: .9em;
width:275px;
padding:3px;
}

#forgotpass input {
margin-right:5px;
border:1px solid #999999;
float:right;
clear:right;
background:#EFEFEF;
width:175px;
margin-top:-2em;
}

#forgotpass input:focus,#forgotpass input:hover {
border:1px solid #333333;
}

#forgotpass #btn {
margin-top:10px;
width:100px;
}

#forgotpass-links {
font-size: .7em;
text-align: left;
color: 
}


/* Registration Form ------------------------------------*/
form.register {font-size:.9em; width:450px; padding-top:10px; margin:0 auto;}
form.register fieldset {width:350px; display:block; padding:5px; line-height:1.5em; border:1px solid #ccc;}
form.register legend {font-size:1.2em; padding:3px; width:254px; background:none;}
form.register label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:30px; color:#666; margin-bottom:0.5em; font-size:1em; line-height:1.5em; font-style:normal;}
form.register input {padding:0; margin-bottom:0.8em; border:1px solid #ccc;}
form.register select {margin-left:1em; margin-bottom:0.8em; border:1px solid #ccc;}
form.register textarea {width:300px; height:12em; border:1px solid #e1e1e1; padding:5px; margin:-8px 0 0 0; overflow:auto;}
form.register option {background:#fff; color:#990033;}
form.register optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}
form.register optgroup option {background:#fff; color:#990033;}
form.register #button1, form#two #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form.register #button1:hover, form#register #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}


/* New Product Form ------------------------------------*/
form.product {font-size:.9em; width:650px; padding:10px; margin:0 auto;}
form.product fieldset.container {width:100%; display:block; padding:5px; line-height:1.5em; border:1px solid #ccc;}
form.product fieldset.row1col1 {width:300px; display:block; padding:5px; line-height:1.5em; border:1px solid #999;}
form.product fieldset.row1col2 {width:300px; float:right; display:block; margin-top: -16.5em; padding:5px; line-height:1.5em; border:1px solid #999;}
form.product fieldset.row2col1 {width:300px; display:block; padding:5px; margin-top: 1em; line-height:1.5em; border:1px solid #999;}
form.product fieldset.row2col2 {width:300px; float:right; display:block; margin-top: -7em; padding:5px; line-height:1.5em; border:1px solid #999;}
form.product legend {font-size:1.2em; padding:3px; width:254px; background:none; color: #FF9900;}
form.product label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#333; font-weight: bold; margin-bottom:0.5em; font-size:.8em; line-height:1.5em; font-style:normal;}
form.product input {padding:0; margin-bottom:0.8em; border:1px solid #ccc; background:#efefef;}
form.product input.alt {padding:0;width:50px; margin-right:5em; margin-bottom:1em; margin-top:.2em; border:1px solid #ccc; background:#efefef;}
form.product select {margin-right:5em; margin-bottom:1em; margin-top:.2em; border:1px solid #ccc;}
form.product textarea {width:160px; height:8em; background:#efefef; border:1px solid #ccc; padding:1px; margin:0 0 0 0; overflow:auto;}
form.product option {background:#efefef;  padding-right:10px; color:#990033; border:1px solid #ccc;}
form.product optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;  border:1px solid #333333;}
form.product optgroup option {background:#fff; color:#990033;}
form.product #button1, form#two #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form.product #button1:hover, form#product #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}



/* New Product Category Form ------------------------------------*/
form.product-category {font-size:.9em; width:650px; padding:10px; margin:0 auto;}
form.product-category fieldset.container {width:100%; display:block; padding:5px; line-height:1.5em; border:1px solid #ccc;}
form.product-category fieldset {width:300px; display:block; padding:5px; line-height:1.5em; border:1px solid #999;}
form.product-category legend {font-size:1.2em; padding:3px; width:254px; background:none; color: #FF9900;}
form.product-category label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#333; font-weight: bold; margin-bottom:0.5em; font-size:.8em; line-height:1.5em; font-style:normal;}
form.product-category input {padding:0; margin-bottom:0.8em; border:1px solid #ccc; background:#efefef;}
form.product-category input.alt {padding:0;width:50px; margin-right:5em; margin-bottom:1em; margin-top:.2em; border:1px solid #ccc; background:#efefef;}
form.product-category select {margin-right:5em; margin-bottom:1em; margin-top:.2em; border:1px solid #ccc;}
form.product-category textarea {width:160px; height:8em; background:#efefef; border:1px solid #ccc; padding:1px; margin:0 0 0 0; overflow:auto;}
form.product-category option {background:#efefef;  padding-right:10px; color:#990033; border:1px solid #ccc;}
form.product-category optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;  border:1px solid #333333;}
form.product-category optgroup option {background:#fff; color:#990033;}
form.product-category #button1, form#two #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form.product-category #button1:hover, form#product-category #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}


/* Login Form ------------------------------------*/

#login-body{
	background-color:#2F3B6F;
	background-image:url(modules/core/htdocs/images/head-bg-login.png);
	background-repeat:repeat-x;
	font-size:.8em;
	color:#fff;
	}

#logo-login {
	width:350px;
	height:592px;
	background-image:url(modules/core/htdocs/images/logo-login.png);
	background-repeat:no-repeat;
	margin: 0 0 0 35%;
}

#loginform {
margin: -475px 0 0 40%;
width:250px;
}


#loginform fieldset{
padding:5px;
border: 0;
}

#loginform legend{
font-weight:bold;
}

#loginform label{
display:block;
color:#ccc;
height:2em;
padding:0;
}

#loginform input {
margin-right:20px;
border:1px solid #999999;
float:right;
clear:right;
background:#EFEFEF;
font-size: 11px;
width:100px;
}

#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}

#loginform #btn {
width:50px;
}




#subtext {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: x-small;
padding: 0px;
color: #666666;
}

#error {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: x-small;
	color: #FF0000; 
	}

#error_true {
font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: x-small;
  font-style: italic;
  font-weight: bold;
padding: 2px;
 color: #009933;
 background: #FFFFFF;
 border : 1px solid #009933;
}

#error_false {
font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size: x-small;
 font-style: italic;
 font-weight: bold;
padding: 2px;
 color: #FF9933;
 background: #FFFFFF;
 border : 1px solid #FF9933;
}

.btnSubmit {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #EFEFEF;
color: #333333;
font-size: 11px;
font-weight: bold;
font-family: Arial,Verdana, Helvetica, sans-serif;
}



/* Customers  ------------------------------------*/
.customers{
text-align:left;
	}
	
.customer{
border-bottom: 1px solid #ccc;
padding: 5px;
	}

.customers .list{
padding: 1em 1em 1em 1em;
border-bottom: 1px solid #ccc;
	}
	
.customers .customer-email{
	font-size:0.8em;
	color: #999;
}

.customers .address {
}	



.customers a, .customers a:active, .customers a:visited{
	color:#E8AE00;
	}
	
.customers a:hover{
	color:#0095EC;
	}
	
.customers .phone {
	float:right;
	font-size:0.8em;
}

.customers .address a{
	color:#555;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.customers .address .company{
	color:#E8AE00;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.customers .additional {
	font-size:0.8em;
	clear:right;
	float:right;
	text-align:right;
}


/* Customers - Modalbox  ------------------------------------*/
.modalbox-customers{
font-size:0.8em;
text-align:left;
height:400px;
	}
	

.modalbox-customers .list{
padding: 1em 1em 1em 1em;
border-bottom: 1px solid #ccc;
	}


.modalbox-customers .address {
}	

.modalbox-customers a, .customers a:active, .customers a:visited{
	color:#E8AE00;
	}
	
.modalbox-customers a:hover{
	color:#0095EC;
	}
	
.modalbox-customers .phone {
	float:right;
	font-size:0.8em;
}

.modalbox-customers .address a{
	color:#555;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.modalbox-customers .address .company{
	color:#E8AE00;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.modalbox-customers .additional {
	font-size:0.8em;
	clear:right;
	float:right;
	text-align:right;
}


#select_new_job_add_customer {
	font-size:0.7em;
}

#clear_job_add_customer {
	font-size:0.7em;
}





/* Customer  ------------------------------------*/
.content-customer{
	margin-top : .5em;
	margin-right : 21em;
	padding : 1em;
	margin-left : 1em;
	border: 0px solid #ccc;
	}
	
.options-customer{
	position : absolute;
	top : 5em;
	right : 1%;
	width : 300px;
	z-index : 1;
	padding : 5px;
	margin: .5em 0 0 .5em;
	border: 0px solid #ccc;
	}
	
	
	
.customer-info {
	font-size:1em;
	text-align:left;
}	


.customer-info-address {
	float:left;
	width:40%;
	border-right : 1px solid #ccc;
 	padding: 1px 0 2px 5px;
}	

.customer-info-billing-address {
	width:30%;
	float:left;
	border-right : 1px solid #ccc;
 	padding: 1px 0 2px 5px;
}	


.customer-info-balance {
	font-size:1.5em;
	width:20%;
	float:right;
	text-align:right;
	color:#009933;
 	margin: 1em 0 0 0;
}	
.customer-info a, .customer-info a:active, .customer-info a:visited{
	color:#0095EC;
	}
	
.customer-info a:hover{
	color:#E8AE00;
	}
	
.customer-info .phone {
	float:right;
	font-size:0.8em;
}

.customer-info .address a{
	color:#555;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.customer-info .address .company{
	color:#0095EC;
	margin: .2em 0 0 0;
	font-size:0.8em;
	float:left;
}

.customer-info .additional {
	font-size:0.8em;
	clear:right;
	float:right;
	text-align:right;
}






	
.customer-info-store {
	font-size:1em;
	text-align:left;
	padding: 1em;
}	

.customer-info-store a{
	font-size:.7em;
}	

.customer-info-store .name {
	font-size:1em;
	text-align:left;
 	padding: 5px 0 5px 0;
}	


.customer-info-billing-address-store {
	font-size:.9em;
	width:30%;
	border-right : 1px solid #ccc;
 	padding: 1px 5px 2px 3px;
	color: #666;
}	

.customer-info-billing-address-store .title {
	color: #000;
	font-size:.8em;
	font-weight: bold;
}

.customer-info-shipping-address-store .title {
	color: #000;
	font-size:.8em;
	font-weight: bold;
}

.customer-info-shipping-address-store {
	font-size:.9em;
	color: #666;
	margin-top: -4.3em;
	float: right;
	width:60%;
 	padding: 1px 3px 2px 5px;
}	




#customer-navcontainer ul{
	background-image:url(modules/service/htdocs/images/customer-nav-bg.png);
	background-repeat:repeat-x;
	text-align:left;
	margin: 100px 0 0 0;
	padding: 6px 1em 1em 1em;
	}

#customer-navcontainer ul li{
	padding: 0 .4em 0 .4em;
	display: inline; 
	}

#customer-navcontainer ul li a{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size:.9em;
	text-decoration: none;
	color:#000;
	}

#customer-navcontainer ul li a:hover{
	color: #666666;
	}
	



/* Notes  ------------------------------------*/

.notes{
	text-align:left;
	font-size: .9em;
	margin: 1px 1em 0 1em;
	padding: 1px 1em 1em 1em;
	}
	
.notes .note{
	border-bottom: 1px solid #cccccc;
	padding-top:1em;
	}
	
.notes .subject{
	width:90%;
	font-size: 1.1em;
	color:#000;
	}
.notes .body{
	width:90%;
	}
.notes .options{
	float:right;
	margin: -2em 0 0 0;
	}
.notes .dates{
	font-size: .8em;
	text-align:right;
	clear:both;
	color:#999999;
	}

.notes .edit{
	border: 1px solid #C5E0E8;
	background-color:#EAF4F7;
	color:#306C7E;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 1em;
	}
	
.notes .submit{
	}







/* Form ------------------------------------*/

form#add {
	padding:0;
	margin:0 0 0 0;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	text-align:right;	
}

form#add fieldset {
	width:auto; 
	display:block; 
	border:1px solid #BDDE5D; 
	background-color:#FFFFFF;
	margin:5px;
	padding:3px;
	margin-bottom:1em;
	line-height:1em;
}

form#add .category {
	padding:2px;
	margin-left: .8em;
}


form#add .add_btn, form#add .add_btn input:hover,form#add .add_btn input:focus {
	width:auto;
	border:0;
}



form#add fieldset#container {
	width:auto; 
	display:block;
	border:1px solid #BDDE5D; 
	background-color:#F9FFEC;
	padding:0; 
	margin-bottom:1em; 
	margin-left: 0;
	line-height:1em;
	text-align: right;
}

form#add fieldset#opt {
/*background:#ff6705;*/
}

form#add legend {
	font-size:1.1em; 
	font-weight:bold; 
	color: #8EA8C6;
	margin: 0 0 0 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

form#add legend.main {
	font-size:1.3em; 
	font-weight:bold; 
	color: #6C7F34;
	margin: 0 0 5px 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

form#add label {
	clear:left; 
	display:block; 
	float:left; 
	text-align:right; 
	padding-right:1px; 
	color: #003399; 
	font-size: 13px; 
	margin: 0 1px 0.5em 15px;
}

form#add input {
	border:1px solid #ccc;
	font-size:.9em; 
	padding:0 2px; 
	margin-bottom:0.3em;
	margin-right:0.3em;
	width:155px;
}


form#add input#start_date, form#add input#end_date, form#add input#order_date {
	width:7em;
}

form#add input#start_time, form#add input#end_time {
	width:4em;
}


.formtext {
	font-size:.8em;
}

form#add input#notecalendardate {
	width:95px;
}

form#add select {
	margin-bottom:.5em;
	margin-right:0.3em;
	border:1px solid #ccc;
	width:155px;
}

form#add textarea {
	border:1px solid #ccc;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em; 
	width:210px; 
	height:155px;
	padding:0; 
	margin:0 0.3em 1em 0;
	overflow:auto; 
}

form#add textarea.description { 
	width:160px;
	height:75px;
}

form#add select.manufacturer {
	width:145px;
	margin-left:30px;
}

form#add input.location {
	width:135px;
	margin-left:30px;
}

form#add input.quantity {
	width:50px;
	margin-left:40px;
}

form#add input.price {
	width:75px;
	margin-left:40px;
}

form#add input.number-label {
	width:125px;
	margin-left:5px;
}

form#add input:focus, form#add input:hover, form#add textarea:focus, form#add textarea:hover {
border:1px solid #333333;
}

form#add input[type='radio'] {
	width:1em;
	height:1em;
}

form#add input[type='checkbox'] {
	width:1em;
	height:1em;
}
	

form#add option {
background:#fff; 
color:#000;
}

form#add optgroup {
background: #4D89FF; 
color:#FFF; 
}

form#add optgroup option {
background:#C5D9FF; 
color:#003399;
}

form#add #btnStd {
cursor:pointer;
color:#92AC46;
font-weight: bold;
width:50px;
margin-top:-10px;
}

form#add #button1 {
cursor:pointer;
color:#92AC46;
font-weight: bold;
font-size: 1.1em;
background: url(modules/service/htdocs/images/note-add-btn-save.png);
border: none;
width:100px; 
height: 31px;
text-align: center;
margin-left: 1em;
margin-bottom:10px;
}

form#add #button2 {
cursor:pointer;
color:#666666; 
font-weight: bold;
font-size: 1.1em;
background: url(modules/service/htdocs/images/note-add-btn-reset.png);
border: none;
width:100px; 
height: 31px;
text-align: center;
margin-left: 1em;
margin-bottom:10px;
}

form#add #button1:hover, form#add #button2:hover {
color:#666666;
}







/* Website Contact Form ------------------------------------*/

form#contact {
	width: 480px;
	padding:10px;
	margin:0 0 0 0;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	text-align:right;	
}

form#contact fieldset {
	width:250px; 
	display:block; 
	border:1px solid #BDDE5D; 
	background-color:#FFFFFF;
	margin:5px;
	padding:3px;
	margin-bottom:1em;
	line-height:1em;
}



form#contact .add_btn, form#contact .add_btn input:hover,form#contact .add_btn input:focus {
	width:auto;
	border:0;
}



form#contact fieldset#container {
	width:auto; 
	display:block;
	border:1px solid #BDDE5D; 
	background-color:#fff;
	padding:0; 
	margin-bottom:1em; 
	margin-left: 0;
	line-height:1em;
	text-align: right;
}

form#contact fieldset#opt {
/*background:#ff6705;*/
}

form#contact legend {
	font-size:1.1em; 
	font-weight:bold; 
	color: #8EA8C6;
	margin: 0 0 0 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

form#contact legend.main {
	border:1px solid #BDDE5D; 
	background-color:#F9FFEC;
	font-size:1.1em; 
	font-weight:bold; 
	color: #999;
	margin: 0 0 5px 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

form#contact label {
	clear:left; 
	display:block; 
	width: 250px;
	float:left; 
	text-align:right; 
	padding-right:1px; 
	color: #003399; 
	font-size: 13px; 
	margin: 0 1px 0.5em 0;
}

form#contact input {
	border:1px solid #ccc;
	background-color: #efefef;
	font-size:.9em; 
	padding:0 0 0 0;
	margin: 1px 10px 0.3em 0;
	width:200px;
}



form#contact select {
	margin-bottom:.5em;
	margin-right:0.3em;
	border:1px solid #ccc;
	width:125px;
}

form#contact textarea {
	border:1px solid #ccc;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em; 
	width:210px; 
	height:155px;
	padding:0; 
	margin:0 0.3em 1em 0;
	overflow:auto; 
}

form#contact textarea.description { 
	width:160px;
	height:75px;
}


form#contact input.number-label {
	width:125px;
	margin-left:5px;
}

form#contact input:focus, form#contact input:hover, form#contact textarea:focus, form#contact textarea:hover {
border:1px solid #333333;
}

form#contact input[type='radio'] {
	width:1em;
	height:1em;
}

form#contact input[type='checkbox'] {
	width:1em;
	height:1em;
}
	

form#contact option {
background:#fff; 
color:#000;
}

form#contact optgroup {
background: #4D89FF; 
color:#FFF; 
}

form#contact optgroup option {
background:#C5D9FF; 
color:#003399;
}

form#contact #btnStd {
cursor:pointer;
color:#92AC46;
font-weight: bold;
width:200px;
margin-top:20px;
}


#page-wrapper{
	margin: 0 0 0 0;
	font-size: 1em;
	}
	
	
#page-title{
	font-size: 1.2em;
	color: #EDB033;
	}

#page-head1{
	font-size: .8em;
	color: #fff;
	}










/* Hierarchical Category ------------------------------------*/
.category-nav{
	text-align:right;
	font-size: .8em;
	}

fieldset#category-container-main {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;	
	font-size: .9em;
	text-align:left;
	width:auto; 
	display:block; 
	border:1px solid #BDDE5D; 
	background-color:#FFFFFF;
	margin:5px;
	padding:3px;
	margin-bottom:1em;
	line-height:1em;
}



fieldset#category-container {
	width:auto; 
	display:block;
	border:1px solid #BDDE5D; 
	background-color:#F9FFEC;
	padding:0; 
	margin-bottom:1em; 
	margin-left: 0;
	line-height:1em;
}

fieldset#category-container legend {
	font-size:1.1em; 
	font-weight:bold; 
	color: #8EA8C6;
	margin: 0 0 0 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

fieldset#category-container-main legend.main {
	font-size:1.3em; 
	font-weight:bold; 
	color: #6C7F34;
	margin: 0 0 5px 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

fieldset#category-container label {
	clear:left; 
	display:block; 
	float:left; 
	text-align:right; 
	padding-right:1px; 
	color: #003399; 
	font-size: 13px; 
	margin: 0 1px 0.5em 15px;
}

fieldset#category-item {
	border:1px solid #BDDE5D; 
	background-color:#F9FFEC;
}

fieldset#category-item legend {
	font-size:1.1em; 
	font-weight:bold; 
	color: #8EA8C6;
	margin: 0 0 0 2px; 
	height: 24px;
	line-height: 24px;
	width:157px;
	padding: 0 5px;
}

fieldset#category-item label {
	clear:left; 
	display:block; 
	float:left; 
	text-align:right; 
	padding-right:1px; 
	color: #003399; 
	font-size: 13px; 
	margin: 0 1px 0.5em 15px;
}


fieldset#category-item .name{
	width: 80%;
	margin-left: 5px;
}

fieldset#category-item .id{
	margin-top: -1.7em;
	font-size: .7em; 
	font-weight: bold;
	float:right
}

fieldset#category-item .description{
	width: 80%;
	font-size: .9em;
	color:#666666;
	margin-left: 5px;
}

fieldset#category-item .add_btn{
	margin-top: -1.2em;
	float:right;
}



fieldset#category-container .category{
	margin-left:10px;
	padding:2px; 
}

fieldset#category-container .name{
	border:1px solid #BDDE5D;
	float:left;
}

.breadcrumb{
	font-size: .8em;
	margin-left:10px;
}

fieldset#category-container .id{
	border:1px solid #BDDE5D;
	float:left;
	width:25px;
	margin-left:10px;
	text-align:center; 
}


fieldset#category-container .description{
	border:1px solid #BDDE5D; 
		float:left;
}







/* Jobs ------------------------------------*/

.content-jobs{
	margin-top : .5em;
	margin-right : 21em;
	padding : 1em;
	margin-left : 1em;
	border: 0px solid #ccc;
	}
	
.options-jobs{
	position : absolute;
	top : 5em;
	right : 1%;
	width : 300px;
	z-index : 1;
	padding : 5px;
	margin: .5em 0 0 .5em;
	border: 0px solid #ccc;
	}

#job-list-container {
text-align:left;
margin-top:1em;
padding-bottom:.5em;
border-bottom:2px solid #ccc;
}

#job-list-container .job-category a{
font-size:1.2em;
color:#660000; 
}

#job-list-container .job-category a:hover{
font-size:1.2em;
color:#666666; 
}


#job-list-container .job-id{
color:#000; 
float:right;
font-size:.7em;
margin-top:-1.5em;
}

#job-list-container .job-total{
color:#999999; 
clear:right;
float:right;
font-size:1.2em;
font-weight:bold;
}

#job-list-container .job-status{
font-size:.8em;
font-weight:bold;
color:#333; 
}

#job-list-container .job-location{
font-size:.7em;
color:#666666; 
}

#job-list-container .job-billing-date{
clear:right;
float:right;
font-size:.7em;
font-style:italic;
font-weight:bold;
color:#999999; 
}


#job-list-container .job-labor{
font-size:.8em;
font-style:italic;
color:#666666;
}

#job-list-container .job-note-subject{
font-size:.9em;
padding-top:1em;
padding-left:1em;
padding-bottom:.2em;
width:85%;
color:#000; 
}
#job-list-container .job-note-body{
padding-top:.2em;
padding-left:1em;
padding-bottom:1em;
font-size:.8em;
width:85%;
color:#333333; 
}






/* Job ------------------------------------*/

#job-container {
text-align:left;
margin-top:1em;
padding-bottom:1em;
border-bottom:2px solid #ccc;
}

#job-container .job-category a{
font-size:1.2em;
color:#660000; 
}

#job-container .job-category a:hover{
font-size:1.2em;
color:#666666; 
}


#job-container .job-id{
color:#000; 
float:right;
font-size:.7em;
margin-top:-1.5em;
}

#job-container .job-total{
color:#999999; 
clear:right;
float:right;
font-size:1.2em;
font-weight:bold;
}

#job-container .job-status{
font-size:.8em;
font-weight:bold;
color:#333; 
}

#job-container .job-location{
font-size:.7em;
color:#666666; 
}

#job-container .job-billing-date{
clear:right;
float:right;
font-size:.7em;
font-style:italic;
font-weight:bold;
color:#999999; 
}


#job-container .job-labor{
font-size:.8em;
font-style:italic;
color:#666666;
}

#job-container .job-note-subject{
font-size:.9em;
padding-top:1em;
padding-left:1em;
padding-bottom:.2em;
width:85%;
color:#000; 
}
#job-container .job-note-body{
padding-top:.2em;
padding-left:1em;
padding-bottom:1em;
font-size:.8em;
width:85%;
color:#333333; 
}


#job-navigation{
background-color:#fff;
border-bottom:2px solid #ccc;
padding-top:5px;
height:40px;
font-size:1em;
}

#job-navigation a{
color:#000066; 
}

#job-navigation a:hover{
color:#666666; 
}

#job-navigation .job-notes{
float:left;
height:38px;
width:125px;
}

#job-navigation .job-services{
float:left;
height:38px;
width:125px;
}

#job-navigation .job-materials{
float:left;
height:38px;
width:125px;
}

#job-navigation .job-tools{
float:left;
height:38px;
width:125px;
}

#job-navigation .job-labor{
float:left;
height:38px;
width:125px;
}





/* Job Tools ------------------------------------*/

#job-tools {
	text-align: left;
	padding: .5em;
	border-bottom:1px solid #ccc;
	width: 90%;
	margin-left: 1.5em;
}

#job-tools .id{
	float: right;
	margin-top: -1.3em;
	margin-right: 4em;
	font-size: .8em;
}

#job-tools .name{
	font-size: 1em;
	color: #000;
	width: 80%;
}

#job-tools .description{
	font-size: .9em;
	color: #666666;
	width: 90%;
}
#job-tools .location{
	font-size: .8em;
	color: #660000;
	padding-right: 1em;
	margin-right: 10em;
}

#job-tools .options{
	float:right;
	margin-top: -1.3em;
	}
#job-tools .dates{
	font-size: .8em;
	text-align:right;
	clear:both;
	color:#999999;
	padding-top: 2px;
	}



/* Store Layout ------------------------------------*/
.main-block{
	text-align:center;
	font-size: .8em;
	}
	
.main-block-text{
	color: #333;
	letter-spacing: 1px;
	margin-top: .5em;
	margin-left: auto;
	margin-right: auto;
	width:625px;
	text-align:left;
	}
	
	
.block-category-info{
	font-size: .8em;
	text-align:left;
	}
	
.block-sub-categories{
	padding: .5em;
	}
	
.sub-category-list-row{
	padding: .5em;
	margin: 0 0.5em 0.5em 0.5em;
	}
	
.sub-category-list-data{
	font-size: .8em;
	text-align:left;
	float:left;
	margin: 0 0.5em 0.5em 0.5em;
	padding: 2em;
	width: 200px;
	}
	
.sub-category-name{

	}
	
.sub-category-description{
	font-size: .9em;
	padding-top: .5em;
	}
	
.category-name{
	color: #006699;
	font-size: 1.2em;
	padding-top: .5em;
	padding-left: .2em;
	}
	
.category-description{
	font-size: .9em;
	padding-left: 1em;
	padding-right: 1em;
	}
	

.block-product{
	border:1px solid #ccc;
	padding: .5em;
	width: 200px;
	float: left;
	}
	
	
.block-category-products{
	}
	
	.category-product-list-row{
	padding: .5em;
	margin: 0.5em 0.5em 0.5em 0.5em;
	}
	
.category-product-list-data{
	font-size: .8em;
	text-align:left;
	float:left;
	margin: 0.5em 0.25em 0.5em 0.25em;
		border:1px solid #ccc;
	padding: 2em;
	width: 100px;
	}

.product-info{
	font-size: .8em;
	}
	
.product-name{
	color: #FFB603;
	font-size: 1em;
	padding-top: .5em;
	padding-left: .2em;
	}
	
.product-description{
	font-size: .9em;
	}
	
.add-to-cart {
	cursor:pointer;
	border:1px solid #ccc;
	color:#92AC46;
	font-size: .8em;
	width:75px;
	padding: 5px;
}

#pv-add-to-cart {
	margin: 0 0 1em 220px;
	}
	
.add-to-cart2 {
	cursor:pointer;
	border:1px solid #ccc;
	color:#92AC46;
	font-size: .8em;
	width:75px;
}

.product_variation {
	margin: 1em 0.5em 0 0.5em;
	width: 300px;
	border-top:1px solid #ccc;
	font-size: .9em;
	float: left;
	padding: 0 5px 0 5px;
	}
	
.product_variation_label {
	margin: -1.2em 0 0 0;
	font-size: .9em;
	color: #ccc;
	}
	
	
#product-variation-container {
	border-bottom:1px solid #333333;
	}
#product-variation-name {
	font-size: .9em;
	}
	
	
#product-variation-description {
	font-size: .8em;
	width: 225px;
	}
	
	
#product-variation-price {
	float: right;
	margin: -2em 0 1em 220px;
	color: #006600;
	}
	
.product-price {
	color: #006600;
	font-size: .9em;
	}
	
	
.cart-title {
	font-size: .9em;
	margin-left: 1em;
	color: #FF9900;
	}

.cart-product {
	height: 30px;
	font-size: .9em;
	margin-left: 1em;
	border-bottom:1px solid #ccc;
	}
	
.cart-product .name {
	width: 50%;
	padding:5px;
	float: left;
	}
	
.cart-product .amount {
	padding:5px;
	float: left;
	}
	
.cart-product .product-total {
	padding:5px;
	float: left;
	}

.cart-product .quantity {
	padding:5px;
	float: left;
	}
	
.cart-product .quantity input {
	border:1px solid #333333;
	width: 25px;
	font-size: .9em;
	margin-top: -3px;
	}

.cart-product .remove {
	padding:5px;
	float: left;
	}
	
.product-sub-total {
	text-align: right;
	font-size: 1em;
	color: #006600;
	}
	
	
.cart-sub-total{
	font-size: .8em;
	width: 100%;
	text-align: right;
	padding:5px;
	}
	
#shipping-carrier{
	font-size: .8em;
	padding:5px;
	margin-left: 10px;
	}

.cart-shipping-total {
	font-size: .8em;
	width: 100%;
	text-align: right;
	padding:5px;
	}
	
	
.cart-total {
	font-size: .9em;
	width: 100%;
	text-align: right;
	padding:5px;
	}
	
.cart-login-register{
	border:0 solid #333333;
	padding:10px;
	font-size: .9em;
	width: 625px;
	}
	
.cart-login-register .register{
	border:0 solid #333333;
	padding:20px;
	width: 300px;
	}
	
.cart-login-register .login{
	border:0 solid #333333;
	float: right;
	width: 300px;
	margin-top: -10em;
	}
	
	
.checkout-shopping-cart {
	font-size: .9em;
	padding:10px;
	}
	
.checkout-shopping-cart fieldset {
	display:block; 
	padding:5px; 
	border:1px solid #efefef;
	}
	
.checkout-shopping-cart legend {
	color: #FF9900;
	font-size:1.2em; 
	padding:3px; 
	width:254px; 
	background:none;
	}
	
	
.checkout-billing-details {
	font-size: .9em;
	padding:10px;
	}
	
.checkout-billing-details fieldset {
	display:block; 
	padding:5px; 
	border:1px solid #efefef;
	}
	
.checkout-billing-details legend {
	font-size:1.2em; 
	padding:3px; 
	width:254px; 
	background:none;
	color: #FF9900;
	}







	
/*Shopping Cart Payment Details Form ------------------------------------*/
form.payment-details {font-size:.9em; padding:10px; margin:0 auto;}
form.payment-details fieldset {display:block; padding:5px; line-height:1.5em; border:1px solid #ccc;}
form.payment-details legend {font-size:1.2em; margin-bottom:14px; padding:3px; width:254px; background:none;}
form.payment-details label {clear:left; display:block; float:left; width:150px; text-align:right; padding-right:30px; color:#333; margin-bottom:0.5em; font-size:.8em; line-height:1.5em; font-style:normal;}
form.payment-details input {padding:0; margin-bottom:0.8em; border:1px solid #ccc;}
form.payment-details select { margin-bottom:0.8em; margin-right:0.8em;  border:1px solid #ccc;}
form.payment-details textarea {width:300px; height:12em; border:1px solid #e1e1e1; padding:5px; margin:-8px 0 0 0; overflow:auto;}
form.payment-details option {background:#fff; color:#990033;}
form.payment-details optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}
form.payment-details optgroup option {background:#fff; color:#990033;}
form.payment-details #button1, form#payment-details #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-top:15px;}
form.payment-details #button1:hover, form#payment-details #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}


.express-paypal-payment{ height:200px;}