* { padding: 0px; margin: 0px; }

html {
	}
body{
	font-family: Verdana, Helvetica, sans-serif;
	background: #41372E url('../images/back.body.png') repeat-x top;
	font-size: 62.5%; /*1em = 10px*/
	}
#page{
	background: #41372E;
	margin: 0 auto;
	width: 988px;
	font-size: 1.6em;
	}
.cleardrop {
	display: block;
	overflow: hidden;
	visibility: none;
	/*height: 1px;*/
	clear:both;
	}
.inlinevalue {
	font-weight: bolder;
	}
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
img {
	border: 0px;
	}
ul {
	list-style: none;
	}

#header{
	background: #41372E url('../images/back.header.png') repeat-x bottom;
	height: 200px;
	padding-left: 20px;
	padding-right: 20px;
	}
#header,
#header a{
	color: #FFEDD3;
	}

#header .byline {
	clear: both;
	font-family: Bookman, Times New Roman, serif;
	}

#header div.col1{
	float: left;
	}
#header div.col1 .logo{
	background: url('../images/back.header.logo.png') no-repeat top left;
	height: 135px;
	width: 572px;
	margin-top: 15px;
	}
#header div.col1 .byline{
	}

#header div.col2{
	float: right;
	}

#header div.col2 .nav{
	}
#header div.col2 .nav .cap,
#header div.col2 .nav .middle{
	float: left;
	height: 80px;
	}
#header div.col2 .nav .cap{
	width: 18px;
	}
#header div.col2 .nav .left{
	background: #41372E url('../images/back.headernav.leftcap.png') no-repeat bottom;
	}
#header div.col2 .nav .right{
	background: #41372E url('../images/back.headernav.rightcap.png') no-repeat bottom;
	}
#header div.col2 .nav .middle{
	background: #41372E url('../images/back.headernav.png') repeat-x bottom;
	width: 270px;
	}

#header div.col2 .nav ul.line{
	clear: both;
	margin: 0px auto;
	padding-top: 10px;
	}
#header div.col2 .nav ul.line li{
	float: left;
	}
#header div.col2 .nav ul.line li .delimit{
	padding-left: 10px;
	padding-right: 10px;
	}
#header div.col2 .nav ul.primary{
	}
#header div.col2 .nav ul.primary li .delimit{
	padding-left: 20px;
	padding-right: 20px;
	}
#header div.col2 .nav ul.primary li{
	/*margin-right: 20px;*/
	}
#header div.col2 .nav ul.secondary{
	}
#header div.col2 .byline{
	/*padding-top: 30px;*/
	font-size:2.25em;
	font-style:italic;
	padding-top:60px;
	}



#menu{
	clear: both;
	background: #41372E;
	width: 968px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	}
#menu,
#menu a{
	color: #FFEDD3;
	}
#menu .cap,
#menu .middle{
	float: left;
	height: 35px;
	}
#menu .cap {
	width: 18px;
	}
#menu .left {
	background: #41372E url('../images/back.menu.leftcap.png') no-repeat top;
	}
#menu .right {
	background: #41372E url('../images/back.menu.rightcap.png') no-repeat top;
	}
#menu .middle {
	background: #E25400;
	width: 932px;
	}
#menu ul.nav {
	}
#menu ul.nav li{
	float: left;
	padding-left: 12px; /*10*/
	padding-right: 20px;/*10*/ /*set to 20 to match shop spacing*/
	/*padding-top: 7px;*/
	}
#menu .nav li {
	line-height: 35px;/* from shop, pixopoint menu*/
	}
#menu ul.nav li li {
	padding-bottom: 7px;
	}
#menu ul.nav li,
#menu .nav li a{
	font-family: Bookman, Times New Roman, serif;
	font-size:14px; /* from shop, pixopoint menu*/
	}
#menu .nav li,
#menu .nav li a {
	font-weight: bolder;
	}






#content{
	clear: both;
	width: 968px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	}
#content .wrapper {
	background: #F8F5ED; /*url('../images/back.contentmain.png') repeat-y left; *//*FFEDD3*/
	margin-left: 0px; /*300px;*/
	overflow: none;
	padding-bottom: 30px;
	}
#content div.col1,
#content div.col2 {
	float: left;
	}

#content div.col1{
	margin-left: 0px;/*-300px;*/
	width: 0px; /*300px;*/
	background: #F8F5ED; /*FFEDD3;#41372E*/
	}
#content div.col1 .top{
	background: url('../images/back.contentside.png') no-repeat top left;
	height: 471px;
	}
#content div.col1 .content{
	padding: 5px;
	}
#content div.col1 .content p{
	color: #FFEDD3;
	/*font-family: Verdana, Helvetica, sans-serif;*/
	}


#content div.col2{
	width: 900px; /*668px;*/
	}
#content div.col2 .top{
	padding: 0px; /*20px 10px 30px 30px; */
	}
#content div.col2 .top div{
	float: left;
	}
#content div.col2 .top .img1{
	padding-top: 20px;
	}
#content div.col2 .content{
	clear: both;
	padding: 30px;
	color: #000000; /*#41372E;*/
	}

#content div.col2 .content h1{
	font-style: italic;
	}
#content div.col2 .content p{
	font-family: Verdana, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	}




/*new*/
#content div.col2 h2 {
	border-bottom: 1px solid #41372E;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.3em;
	}


#content div.col2 .content .panel{
	width: 372px;
	margin:20px;
	}
#content div.col2 .content .panel li{
	float: left;
	padding: 10px;
	border: 2px solid #F8F5ED; /*newback: F8F5ED -----  FFEDD3, slightly lighter:oldback FFFED3*/
	height: 150px; /*to fix a label sizing wrapping issues*/
	}
#content div.col2 .content .panel li span{
	display:block;
	clear: both;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
	}

#content div.col2 .content .panel li:hover{
	float: left;
	background: #FFFAED;
	border: 2px solid #CCCCCC;
	}

	/*background: #FFFAED;
	border: 2px solid #CCCCCC;*/



#content div.col2 .content .report{
	padding-left: 20px;
	font-size: .8em;
	clear: both;
	}
#signup #content div.col2 .content .report{
	font-size: .9em;
	}
#content div.col2 .content .report #select div{
	float: left;
	}



#content div.col2 .content .report .col1{
	padding-right: 10px;
	}

#content div.col2 .content .report .col2{
	padding-right: 10px;
	}

#content div.col2 .content .report .col3{
	padding-right: 10px;
	}

#content div.col2 .content .report .note{
	font-size: .8em;
	font-style: italic;
	padding-left: 5px;
	}
#content div.col2 .content .report label{

	}
#content div.col2 .content .report .display {
	/*float: left;
	width: 130px;
	padding: 2px 3px 2px 3px;*/
	}




#content div.col2 .content .report .row {
	padding-top: 3px;
}
#content div.col2 .content .report .row,
#content div.col2 .content .report .sub_row  {
	clear: both;
	}

#content div.col2 .content .report .sub_row {
	border-top: 1px solid #EEEEEE; /*EEDCC2;*/
	border-bottom: 1px solid #EEEEEE; /*EEDCC2;*/
	}

#content div.col2 .content .report .col_headers{
	text-align: left;
	border-bottom: 1px solid #858273;
	font-weight: bolder;
	}

#content div.col2 .content .report .row .col {
	float:left;
	padding: 2px;
	/*width: 130px;
	 * height: 30px;
	vertical-align: top;*/
	}


#content div.col2 .content .report .row .label{
	width: 150px;
	float: left;
	}

#content div.col2 .content .report .row .value{
	float: left;
	}
#content div.col2 .content .report .row .req{
	margin-left: 150px;
	}
#content div.col2 .content .report .response .value{
	/*text-decoration: underline;*/
	font-weight: bolder;
	}



#content div.col2 .content .report .submit{
	padding-top: 10px;
	margin-left: 260px;
	}



#content div.col2 .content .report .button_col {
	width: 75px !important;
	}
#content div.col2 .content .report .button_col div{
	/*height: 22px;*/
	cursor: pointer;
	}

#content div.col2 .content .report .button_col div input[type='submit']{
	height: 22px;
	width: 70px;
	font-size: 70%;
	}
#content div.col2 .content .report .button,
#content div.col2 .content .report .button_col div .button{
	text-align: center;
	cursor: pointer;
	margin: 2px 1px 2px 1px;
	padding: 2px 1px 2px 1px;
	height: 12px;
	width: 66px;
	font-size: 70%;
	border: 1px solid #000000;
		/*-moz-border-radius:10px;
		-webkit-border-radius:10px;*/
	background: #cccccc url(../images/button1.png) repeat-x 0 0; /*#cccccc;*/
	}

#content div.col2 .content .report .button:hover,
#content div.col2 .content .report .button_col div .button:hover{
	background: url('../images/button1.png') repeat-x 0 -18px; /*#dddddd;*/
	}
/*.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
	}*/


#content div.col2 .content .report .col {
	width: 150px;/* !important;*/
	}
#content div.col2 .content .report .date {
	width: 100px;/* !important;*/
	}

#content div.col2 .content .users .col {
	width: 110px /*!important;*/
	}

#content div.col2 .content .report .col input[type='text']{
	width: 120px;
	height: 16px;
	}
#content div.col2 .content .users .col input[type='text']{
	width: 100px !important;
	}

#content div.col2 .content .report .col span{
	display: block;
	/*width: 130px;*/
	height: 19px; /*15px; up moving from serif to sans*/
	vertical-align: center;
	overflow: hidden;
	}
#content div.col2 .content .sub_report select,
#content div.col2 .content .report .col select{
	width: 170px; /*170*/
	height: 25px;
	}
#content div.col2 .content .report .col select[name='salesrep']{
	width: 150px; /*170*/
	}
#content div.col2 .content .report .col select.shipping {
	width: 120px;
	}

#content div.col2 .content .share {
	}

#content div.col2 .content .share p {
	clear: both;
	}

#content div.col2 .content .share .social_sites span{
	float: left;
	}

#content div.col2 .content .users .email {
	width: 200px !important;
	}


#content div.col2 .content .users .email input[type='text']{
	width: 180px !important;
	}


#content div.col2 .content .report .sub_report{
	clear: both;
	}
#content div.col2 .content .report .editing .sub_report{
	padding-bottom:15px;
	padding-left:20px;
	padding-top: 5px
	}
#content div.col2 .content .report .sub_report .label{
	float: left;
	width: 100px;
	}


#content div.col2 .content .report textarea,
#content div.col2 .content .report span.textarea{
	width: 490px; /*290 400px;*/
	height: 260px; /* 160 200px;*/
	overflow: scroll;
	}
textarea.sample,
#signup textarea{
	width: 490px; /*290 400px;*/
	height: 260px; /* 160 200px;*/
	overflow: scroll;
	}

#content div.col2 .content .report .sales,
#content div.col2 .content .report .message{
	margin-top: 20px;
	}



#home #content div.col2 .content .login {
	/*border-right: 1px solid #41372E;
	padding-right: 30px;*/
	}

#home #content div.col2 .content .register {
	margin-left: 10px;
	}

#home #content div.col2 .content .report div{
	clear:both;
	margin-top: 10px;
	}
#home #content div.col2 .content .report label{
	width: 80px;
	display:block;
	float:left;
	}
#home #content div.col2 .content .report div.forgotpw{
	margin-left: 80px;
	}
#home #content div.col2 .content .report input,
#home #content div.col2 .content .report select{
	width: 230px;
	}


#content div.col2 .content .report div.info{
	margin-bottom: 15px;
	}



#signup #content div.col2 .content .report div.info{
	border-bottom: 1px solid #41372E;
	}


#signup #content div.col2 .content .report div{
	margin-top: 5px;
	}

/*F8F5ED  DEDEDE*/
#content div.col2 .content #sales .row {
	}
#content div.col2 .content #sales .row0 {
	background: #DEDEDE;
	}
#content div.col2 .content #sales .row1 {
	}
#content div.col2 .content #sales .prow {
	padding: 0px 4px 4px 4px;
	}
#content div.col2 .content #sales .prow0 {
	}
#content div.col2 .content #sales .prow1 {
	padding-top: 4px;
	margin-bottom: 4px; /*to fake top padding for any other prow0 after the 1st line*/
	/*background: #FAFAFA;*/
	}

#content div.col2 .content #sales .rowtotal {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	font-weight: bolder;
	font-size: 1.2em;
	}

#content div.col2 .content #sales .date {
	width: 90px;/* !important;*/
	}
#content div.col2 .content #sales .student {
	width: 150px;/* !important;*/
	}

#content div.col2 .content #sales .row .contact span{
	overflow: visible;
	}
#content div.col2 .content #sales .product {
	width: 350px !important;
	}
#content div.col2 .content #sales .row .price {
	float: left;
	padding-right: 20px;
	}
#content div.col2 .content #sales .row .product {
	word-wrap: break-word;
	}

.returned_response {
	font-size: .8em;
	font-style: italic;
	padding: 5px;
	margin: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #F8F5ED; /*FFEDD3;*/
	visiblity: hidden;
	}
.success {
	background: #CCFFCC;
	border-color: #AADDAA;
	}

.failure{
	background: #FFCCCC;
	border-color: #DDAAAA;
	}

.visible {
	visibility: visible;
	}
.hidden {
	visibility: hidden;
	}
.editing {
	background: #CCDDFF; /*C8E9FF; #AADDFF;*/
	border-color: #88BBDD;
	border-width: 1px;
	border-style: solid; /*F8F5ED*/
	}
.confidential {
	clear: both;
	}





#instructions {
	margin-bottom: 20px;
	}

#instructions span {
	background: #FFFAED;
	}

#instructions span:hover {
	background: #CCCCCC;
	}
#instructions .instructions {
	background: #FFFAED; /*FFEDD3*/
	padding: 10px;
	border: 2px solid #CCCCCC;
	}


#instructions .instructions li {
	font-size: .8em;
	padding-top: 5px;
	padding-bottom: 5px;
	}




#footer{
	clear: both;
	width: 948px;
	height: 200px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
	background: #41372E url('../images/back.footer.png') repeat-x top;
	font-family:Bookman,Times New Roman,serif; /*to match menu and wp*/
	}
#footer div.col1{
	float: left;
	width: 300px;
	}
#footer div.col1 .share{
	}
#footer div.col1 .share h3{
	}
#footer div.col1 .share a{
	}
#footer div.col1 .share img{
	}
#footer div.col1 p{
	color: #FFEDD3;
	}
#footer div.col2{
	float: left;
	width: 648px;
	}
#footer div.col2 .links{
	}
#footer div.col2 .links ul{
	}
#footer div.col2 .links li{
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 7px;
	}
#footer div.col2 .links li a{
	color: #F8F5ED
	}
#footer div.col2 .links li a:hover{
	text-decoration: underline;
	}