@CHARSET "ISO-8859-1";

h1 {
	font-size: 18px;
	text-align: center;	
}

h2 {
	font-size: 16px;	
}

body
{
	background-color:#9EA2A5;
	font-family:Verdana;
	margin: 0px;
	font-size: 12px;
}

#container
{
	background-color: white; 
	width: 1000px;
	/*margin: 0px auto;*/
}

#header
{
	background-color: #6e276b;
	padding-top: 6px;
	/* height: 155px; /* for IE */
}

#logo
{
	margin-left: 6px;
	margin-right: 3px;
	/*margin-left: 2px;*/
	border:none;
}

#image-spinner
{
	margin-top: 1px;
	text-align: justify;
}

#image-spinner img
{
	/* display: block; /* */
	/* float: right; /* */
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border: 2px solid #CCCCCC;
}

#login form
{
	/* border: 1px solid green; /* debug */
	padding: 0px;
	margin: 0px;
}

#login fieldset
{
	/* border: 1px solid orange; /* debug */
	border:none; /**/
	padding:0px;
	margin: -1px;
}

#login
{	/*
	height: 160px;
	background-color:#9EA2A5;
	*/
	/*margin-top: 6px;*/
	background-color: #6e276b;
	position: relative;
	z-index: 1000;
	text-align: center;
	color: white;
	display: block;
	/* width: 195px; /* original */
	width: 200px;
	float: right;
	border: 0px solid #CCCCCC;
}

#login .cancel
{
	width: 70px;
	margin-right: 6px;
	display: none;
}

#login table {
	margin: 0px auto;
	padding: 0px;
	vertical-align: middle;
	border-collapse: collapse;
}

#login th {
	/* border: 1px solid red; /*debug*/
	font-size: 12px;
	color: white;
	text-align: right;
	width: 90px;
	padding: 1px 0px 3px 0px;
}

#login td {
	/* border: 1px solid green; /*debug*/
	
	padding-left: 3px;
}

#login select, #login input, #login .submit
{
	margin: 0px;
	padding: 0px;
	width: 95px;
}

#login h1, #login h2, #login h3, #login h4 {
	margin: 3px;
}

input, button, select, textarea, .button {
	border: 1px solid #9EA2A5;
	margin: 1px;
	font-family: arial, sans-serif;
}

#login a.button {
	display: block;
	margin: auto;
	width: 60px;
}

.button
{
	background-color: #CCCCCC;
	font-weight: bold;
}

a.button {
	
	padding: 5px;
	text-decoration: none;
	color: black;
}

.button:hover
{
	background-color: #9EA2A5;	
}

#login input[type="text"], #login input[type="password"]
{
width: 93px; /* login select - 2 */
}

#main-menu
{
	/*border: 1px solid green; /* debug */
	text-transform: uppercase;
	clear: right;
	float: right;
	width: 870px;
	height:35px; 
	margin-right: 0px; 
	margin-top: 6px;
	background-color:#9EA2A5;
	background-image:url(../images/style/menu_bg.png); 
	background-repeat: no-repeat;
	background-position:top right;
	padding-left: 5px;
	margin-bottom: 6px;
}
#sub-menu
{
	/*border: 1px solid yellow; /* debug */
	clear:both; 
	height:29px; 
	margin-top: 0px; 
	background-image: url(../images/style/subMenu_bg.png);
	background-repeat: repeat-x;
	background-position: middle left;
	background-color: #4e074b;
	/* background-color: green; /* debug */
	z-index: 300;
}

#content
{
	clear: both;
	padding: 10px;
	background-color: white;
	background-image:url(../images/style/content_bg.png);
	background-repeat: repeat-x;
	background-position:top left;
	/*border: 1px solid red; /* debug */
}

#content table
{
	/*border: 1px solid yellow; /* debug */
}

#content blockquote
{
	padding-top: 10px; 
	padding-right: 15px;
	text-align: center;
	font-weight: bold;	
}

#content h2 {
	text-transform: uppercase;
	color: #6F2769;
	font-size:16px;
	font-weight:bold;
	padding: 4px;
	margin: 2px;
}

#content p {
	text-align: justify;


}

#content ul {
	font-weight: bold;

}

#content li {

}
	


#features {
	/* width: 506px; /* */
	/* border: 1px solid green; /* debug */
	float: left;
	padding: 4px;
	margin: 2px;
}

#welcome {
	/* border: 1px solid green; /* debug */
	padding: 4px;
	margin: 2px;
	float: left;
	width: 430px; /* */
}

#features div
{
	width: 240px;
	float: left;
	/* border: 1px solid orange; /* debug */
	padding: 4px;
	margin: 2px;
}


#overlay
{
	z-index: -100;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	
	/* for IE */
  	filter:alpha(opacity=0);
  	/* CSS3 standard */
  	opacity:0;
	

	display: none;
	background-color: black;
	width: 100%;
	height: 100%;
	border: 0px solid red;
}

/* this style is for the "I want to:" menu */
#list1b hr
{
	margin:0px 10px;
}
#list1b div div
{
	padding: 10px;
	/* border: 1px solid green; /* debug */
}

.footer
{
	background-image:url(../images/style/footer_bg.png);
	background-repeat: repeat-x;
	background-position:top left;
	padding: 1px;
	padding-top: 6px;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center;
}


dt {
	font-weight: bold;
	font-size: 12px;
}
	
dd {
	padding: 0px;
	margin: 0px;
}

.addItems {
	
	background-color: #6F2769; /* ensign color */
}

.addItems .note,
.addItems .emblem_size,
.addItems .letter_style,
.addItems .lettering,
.addItems .border_type,
.addItems .border_color,
.addItems .background_color,
.addItems .colors,
.addItems .stitches,
.addItems .design_type {
	
}

table.addItems {
	border-collapse: separated;
	border-spacing: 4px;
	border: 1px solid #6F2769;
}
	
.addItems td {
	vertical-align: top;
	border: 1px solid #6F2769;
}
	
.addItems tr.item {
	background-color: #D4EBF4; /* old color */
	/* color: white; /* ensign color */
	/* background-color: #899dc0; /* ensign color */
}

.addItems tr.item td dl {
	margin: 1px;
}

.addItems .lastRow td {
	padding: 5px;
	/*background-color: white; /* old color */
	background-color: rgb(247, 241, 224); /* old header color */
	/* background-color: #131f71; /* ensign color */
	text-align: center;
}

.addItems input.image {
	border: 0px none grey;
}

.addItems .search-button {
	float: right;
	margin-top: 1em;
	margin-right: 1em;
	/* display: inline; /* */
}

.addItems .design_id {
	/* width: 100%; /* */
}

.addItems .disabled {
	color: #666666;
	background-color: #CCCCCC;
	text-shadow: none;
}

.addItems select, 
.addItems .disabled, 
.addItems input.note,
.addItems input.garment_size {
	width: 150px;
}

.addItems p.hint {
	text-align: left;
	/* width: 150px; /* */
	color: blue;	
	margin: 0px;
}

.addItems select.split {
	/* width: auto;	/* */
}

.addItems textarea.disabled.lettering {
	height: 73px;
}

.addItems textarea.disabled.colors {
	height: 35px;
}

.addItems select.design_id {
	/* width: 500px; /* old */
	width: 300px; /* med */
}

.errors {
	color: red;
}

div.errors {
	padding: 0px;
	border: 2px dashed red;
	background-color: lightYellow; 
}

p.errors {
	/* background-color: yellow; /* */
	padding: 20px;
	text-align: center;
	font-weight: bold;
	font-size: large;
	
}

ul.errors {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: red;
	font-size: small;
}

.view .order, .actions, div.search {
	background-color: #f7f7f7;
	border: 1px solid black;
	margin: 30px 10px;
}

.actions {
	padding: 0px 1em;
	margin-top: 10px;
	text-align: center;
}

table.actions {
	padding: 1em;
	margin: 10px;
	text-align: center;
}

.actions a {
	display: block;
	margin: 2px auto;
	border: 1px solid #9EA2A5;
	font-family: arial, sans-serif;
	background-color: #CCCCCC;
	font-weight: bold;
	padding: 5px 10px;
	text-decoration: none;
	color: black;
	width: 150px;
}
	
.actions a:hover {
	background-color: #9EA2A5;
}

.clear {
	clear: both;
}

.view .order h1, .view .order h2, .view .order h3 {
	background-color: #6f2769;
	padding: 2px 10px;
	margin: 2px;
	color: white;
	border: 1px solid black;
}

.view p#am-info {
	background-color: #f7f7f7;
	padding: 2px;
	color: black;
	margin: 10px;
	padding: 20px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

.view .order dl {
	margin: 0px;
	padding: 0px;
}

.view .order dd, .view .order dt {
	border: 1px solid black;
	
	float: left;
	margin: 5px 1px;
	padding: 2px 5px;
}

.view .order dt {
	text-align: right;
	width: 130px;
	/* background-color: #6f2769; /* */
	/* color: white; /* */
	border: 0px solid black;
	margin-left: 5px;
}

.view .order dd {
	width: 200px;
	background-color: white;
	margin-right: 5px;
}

#content .view .order p {
	margin: 2px;
	border: 1px solid black;
	background-color: #6F2769;
	color: white;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.view table.ensign-style {
	border: 0px none;
}

table.ensign-style {
	margin-top: 10px;
}

table.ensign-style th {
	background-color: #6f2769;
	padding: 2px;
	color: white;
	border: 1px solid black;
}

table.ensign-style td {
	background-color: white;
	border: 1px solid black;
}

table.ensign-style tfoot td {
	padding: 10px;
	text-align: center;
	background-color: #6f2769; /* */
	color: white;
}

#order-search table.ensign-style {
	background-color: #f7f7f7;
	border: 1px solid black;
	margin: 1px auto;
}

.paginationControl span, .paginationControl a {
	/* background-color: #6f2769; */
	/* color: white; */
	padding: 1px 6px;
	border: 1px solid #9eA2a5;
	/* font-weight: bold; /* */
	text-decoration: none;
}

div.search div.search-form {
	background-color: #6f2769; /* */
	color: white;
	margin: 2px;
	padding: 10px auto;
	border: 1px solid black;
}

div.search form fieldset {
	border: 1px solid white;
	padding: 5px;
	margin: 10px 5px;
	float: left;
}

.paginationControl {
	padding: 10px;
	
}

.paginationControl a {
	background-color: #cccccc;
	/* color: white; */
	color: black;
}

.paginationControl a:hover {
	background-color: #9eA2a5;
}

.paginationControl span {
	/* background-color: #9eA2a5; /*  */
	color: white;
}

form.search {
	background-color: #f7f7f7; /* */
	padding: 5px;
	margin: 5px auto;
}

.design-search {
	width: 800px;
}

form.search #design_id {
	/*width: 600px; /**/
	/*margin: 0px auto; /**/
}

form.search fieldset {
	border: 0px none;
	margin: 0px;
	padding: 0px;	
}

form.search dl {
	margin: 1px;
	/*padding: 1px; /**/
	/*border: 1px solid green; /**/
	/*float: left; /**/
}

form.design-search dl.using {
	float: left;
	width: 200px;
	text-align: right;
}

form.design-search dl.value input {
	width: 98%;
}
	
form.design-search dl.value {
	/* float: left; /* */
	margin: 1px 203px;
}

form.design-search dl.submit-search {
	width: 200px;
	float: right;
}

form.order-search {
	width: 400px;
	border: 1px solid black;
}

form.order-search dl.begin-date, 
form.order-search dl.end-date, 
form.order-search dl.submit-search {
	float: left;
	width: 32%
}

form.order-search dl.submit-search dd {
	/* text-align: center; /* */
}

form.order-search dl.begin-date input, 
form.order-search dl.end-date input
{
	width: 98%
}

form.search dl dt {
	color: white;
	background-color: #6f2769;
	padding: 2px 4px;
}

form.search #search_back {
	float: left;
}

form.search #order_design {
	float: right;
}
	
form.search #fieldset-searchgroup {
	margin-bottom: 20px;
}

form.search #fieldset-buttons {
	/* background-color: #6f2769; /* */
	border-bottom: 1.7em solid #6f2769;
	/* border-top: .5em solid #6f2769; /* */
	padding: 5px;
	margin-top: 20px;
}

.infobox {
	width:400px; 
	margin:1in auto; 
	padding: 20px;
	text-align: center;
	border: 10px solid #9EA2A5;
}

#selectShipTo, #createNew {
	background-color: #f7f7f7;
	border: 1px solid black;
	margin: 30px 10px;
	padding: 2px;
}

#selectShipTo {
	width: 450px;
}

.address {
	width: 200px;
	display: block;
	margin-left: 20px;
	padding: 5px;
	border: 1px solid #9EA2A5;
	background-color: white;
}

#selectShipTo dt, #createNew dt {
	margin-left: 7px;
}

#selectShipTo .terms input#terms {
	float: left;
	margin-top: 20px;
}

#selectShipTo .terms p {
	margin-left: 25px;
	font-weight: bold;
}

#createNew dt {
	margin: 7px;
	float: left;
	text-align: right;
	width: 400px;
	clear: left;
}

#createNew h1, #createNew h2, #createNew h3, #createNew h4 {
	margin: 7px;
}

#selectShipTo dd, #createNew dd {
	margin: 10px;
	padding: 2px;
	/* border: 1px solid black; /* */
	/* background-color: white; /* #6f2769; */
}

#createNew p {
	margin: 10px;
	border: 1px solid black; /* */
	padding: 5px 10px;
	background-color: white;
}

#createNew p.hint {
	display: none;	/* */
	width: 400px;
	margin: 10px auto;
	color: red;
	clear: both;
}

#selectShipTo dd label input {
	margin-top: 20px;
	float: left;
}

#complete_view {
	background-color: #f7f7f7;
	border: 1px solid black;
	margin: 30px 10px;
	padding: 2px;
}

#complete_view table.ensign-style th, #complete_view table.ensign-style td {
	padding: 5px;
}

#complete_view table.ensign-style th {
	text-align: right
}

#complete_view table.ensign-style td.viewLink {
	text-align: center;
}

#contact-us form {
	background-color: #f7f7f7;
	border: 1px solid black;
	width: 500px;
	display: block;
	/* float: left; /* */
	margin: auto; /* */
	padding: 30px;
}

#contact-us form hr {
	border: 1px solid black;
	background-color: #dddddd;
	color: white;
	padding: 1px;
	margin: 10px 0px;
}

#contact-us div.addresses {
	margin: auto;
	width: 560px;
	text-align: center;
	/* border: 1px dashed green; /* debug */
	/* margin-left: 570px; /* */
	padding: 20px 0px;	
}

#contact-us div.addresses hr {
	border: 0px none black;
	border-top: 1px solid black;
	margin: 20px 0px;
}

#contact-us div.addresses p {
	text-align: center;
}

#contact-us dt {
	border: 1px solid black;
	background-color: #dddddd;
	color: black;
	padding: 5px 20px;
	margin: 10px 0px;
}

#contact-us dd {
	margin: 0px 40px;
}

#contact-us h2 {
	text-align: center;
}

form ol li {
	margin: 10px;
}

form ol li input {
	width: 200px;
}

#cancel-confirm {
	background-color: #f7f7f7;
	border: 1px solid black;
	width: 500px;
	display: block;
	margin: 30px auto; /* */
	padding: 30px 30px;
}

#cancel-confirm h1, #cancel-confirm h2, #cancel-confirm h3 {
	text-align: center;	
}

#cancel-confirm p {
	border: 1px solid black;
	background-color: white;
	padding: 10px;
}

#cancel-confirm form {
	text-align: center;
	margin: auto;
	text-size: big;
}

div#retriever {
	width: 8.5in;
	/* height: 11in; /*  */
	border: 4px solid #F7F7F7;
	margin: 0px auto;
	text-align: center;
}

div#retriever hr {
	border: 2px solid #F7F7F7;
	clear: both;
}

#retriever table {
	border-collapse: separated;
	border-spacing: 2px;
	border:  1px solid black;
	padding: 0px;
	margin:  5px auto;
	background-color: #F7F7F7;
}

#retriever table td, #retriever table th {
	border: 1px solid black;
	padding: 2px 4px;
}

#retriever table thead th {
	color: white;
	background-color: #6E276B;
}

#retriever table tbody th {
	color: white;
	background-color: #9EA2A5;
}

#retriever table td {
	background-color: white;
}


#retriever table tbody th {
	text-align: right;
}

div#TAC {
	border: 10px solid #F7F7F7;
	margin: 50px auto;
	width: 6in;
	padding: .5in 1in;
	text-align: justify;
	/* font-family: courier, monospace; /* */
}

#TAC h1 {
	text-decoration: underline;
	font-size: 18px;
}

#TAC h2 {
	color: black;
	text-transform: none;
	font-size: 16px;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
}

#widget .main-header {
	border-style: none;
	background-color: transparent;
	padding: 0px;
	margin: 10px 10px 20px 10px;
	height: 16px;
}

#widget .main-header h3 {
	margin: 0px;
	font-size: 13px;
}

#widget .main-header h3 span {
	font-weight: normal;
}

#widget {
	margin-left: 215px;
}

#widget h1, #widget h2 {
	text-align: center;
	color: black;
	text-transform: none;
}

#widget div {
	background-color: #f7f7f7;
   	border: 1px solid black;
   	overflow: hidden;
   	padding: 20px;
}

#widget div#news-story {
	overflow: scroll;
}

#widget div, #widget p {
	margin: 20px 10px;
}

#widget p {
	padding: 0px;
}

#news-story {
	overflow: scroll;
	height: 200px;
}

#widget .news-story {
	border: 1px solid black;
	/* clear: both; /* */
	margin: 5px;
	padding: 0px;
	background-color: white;
}

#widget .news-story div {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

#widget .news-story .news-head {
	border-style: none;
	background-color: #6E276B;
	color: white;
	height: 28px;
}

#widget .news-story .news-head h4 {
	margin: 5px;
}

.news-story {
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
	/* clear: both; /* */
}

.news-story .headline {
	float: left;
}

.news-story .date {
	float: right;
	font-weight: normal;
	color: #999999;
}

#widget .news-story .story, .news-story .story {
	clear: right;
	margin: 0px;
	border-style: none;
	padding: 0px;
}

#widget .news-story .story p {
	margin: 10px;
}