/* University Tees CSS Document */
html, body {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #444444;
	background-image: url(../images/template_images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	min-height: 100%; 
	padding: 0px;
	margin: 0px 0px 1px;
}
p, td {
/*	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #444444;*/
}
h1 {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	font-size: 20px;
	color: #fd418d;
	padding: 0px;
	margin: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	font-size: 17px;
	color: #fd418d;
}
a:link, a:visited {
	color: #0064cc;
	text-decoration: underline;
}
a:hover, a:active {
	color: #ff408b;
	text-decoration: underline;
}
form, input {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	padding: 0px;
	margin: 0px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	font-size: 12px;
	padding: 4px;
	margin-bottom: 10px;
	border-top: 1px solid #142e49;
	border-right: 1px solid #5a789c;
	border-bottom: 1px solid #7a94af;
	border-left: 1px solid #5a789c;
}
/* Main Divs Start */
#wrapper {
	width: 100%;
}
#left {
	width: auto;
	float: left;
}
#middle {
	width: 80%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
#middle-extended {
	width: 90%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
#right {
	width: auto;
	float: left;
}
#footer {
	clear: both;
	width: 100%;
}
/* Main Divs End */
.logo {
	background-image: url(../images/template_images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 119px;
	width: 280px;
}
.padding-please {
	padding: 25px 0px;
}
.content-padding {
	vertical-align: top;
	text-align: justify;
	line-height: 20px;
	padding-left: 25px;
}
.footer-area {
	background-image: url(../images/template_images/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 60px;
	line-height: 50px;
}
#footerlink {
	font-size: 11px;
	font-weight: bold;
}
#footerlink a:link, #footerlink a:visited {
	color: #9a9a9a;
	text-decoration: none;
	padding: 4px 8px;
}
#footerlink a:hover, #footerlink a:active {
	color: #0064cc;
	text-decoration: none;
	padding: 4px 8px;
}
.copyright {
	font-size: 11px;
	color: #9a9a9a;
	text-align: right;
	padding-right: 6px;
}
#login {
	text-align: right;
}
#login a:link, #login a:visited {
	color: #0066d5;
	text-decoration: underline;
	background-image: url(../images/template_images/lock.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0px 6px 22px;
}
#login a:hover, #login a:active {
	color: #ff408b;
	text-decoration: underline;
	background-image: url(../images/template_images/lock.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0px 6px 22px;
}
#logout a:link, #logout a:visited {
	color: #0066d5;
	text-decoration: underline;
	background-image: url(../images/template_images/lock_open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0px 6px 22px;
}
#logout a:hover, #logout a:active {
	color: #444444;
	text-decoration: underline;
	background-image: url(../images/template_images/lock_open.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 6px 0px 6px 22px;
}
.heading {
	font-weight: bold;
}
.input-width {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
	width: 200px;
	padding: 4px;
	margin-bottom: 10px;
	border-top: 1px solid #142e49;
	border-right: 1px solid #5a789c;
	border-bottom: 1px solid #7a94af;
	border-left: 1px solid #5a789c;
}
select {
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS", Verdana;
}

.form-fonts {
	color: #415e86;
}
.asterisk {
	color: #FF0000;
}
#left-nav {
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	width: 160px;
}
#left-nav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#left-nav ul li {
	border-top: 1px solid #dceefa;
	width: 160px;
}
#left-nav ul li a:link, #left-nav ul li a:visited {
	color: #444444;
	text-decoration: none;
	background-image: url(../images/template_images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 140px center;
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 5px 30px 5px 5px;
}
#left-nav ul li a:hover, #left-nav ul li a:active {
	color: #0064cc;
	text-decoration: none;
	background-image: url(../images/template_images/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 140px center;
	display: block;
	height: 23px;
	line-height: 23px;
	padding: 5px 30px 5px 5px;
}
.thick-border {
	border: 12px solid #d6ecf9;
}
.thin-border {
	background-image: url(../images/template_images/cont-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 20px;
	border: 1px solid #ccdded;	
}
.pricing-border {
	border-right: 1px solid #ccdded;
	border-left: 1px solid #ccdded;
}
.blue-bg {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/template_images/blue-bg.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 0px 20px;
	height: 23px;
	line-height: 23px;
	border-top: 1px solid #ccdded;
	border-bottom: 1px solid #ccdded;
}
.regular-custom-bg {
	font-weight: bold;
	background-color: #d6ecf9;
	padding: 0px 0px 0px 18px;
	height: 30px;
	line-height: 30px;
}
/* MX Kollection CSS styles do not delete */
.required {
	color: #FF0000;
}
/* MX KOLLECTION */
/* Special items : error containers, field hints, required table cell  */
.KT_field_error {
	color: #cc0000;
}
.KT_field_hint {
	color:#0000cc;
	font-size: 10px;
}
td.KT_required {
	color: #FF0000;
}
/* span containing the "*" for required field labels */
label span.KT_required {
	padding: 0 2px;
	color: #FF0000;
	font-family: Courier New, Courier, monospace;
	font-weight: normal;
}
/* The client-side error displaying */
/* How the label should change on error */
.form_validation_field_error_label {
	/* color:#cc0000; */
}
/* How the input's container (TD) should change on error */
.form_validation_field_error_container {
	/* border: 2px solid black; */
}
/* How the input textfield should change on error */
.form_validation_field_error_text {
	/* border:2px solid #cc0000; */
}
/* The actial error message style */
.form_validation_field_error_error_message {
	color:#cc0000;
	font-weight: bold;
	clear:left;
}
form.form_validation_form_error table {
	border: 2px solid red;
}
/* The server-side error displaying */
/* topmost error div */
#KT_tngerror {
	padding: 5px 10px 5px 50px;
	margin:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #CC0000;
	font-size: 12px;
	border:1px solid red;
	background-color:#FFFFE4;
	background-image:url(images/error.gif);
	background-repeat:no-repeat;
	background-position:left;
}
/*end of MX Kollection CSS style--*/
/* for admin reporting */
#reporttable th {
	background-color: #2d5d85;
	border-top: 1px solid #96bad4;
	border-right: 1px solid #96bad4;
	border-bottom: 1px solid #96bad4;
	padding: 4px;
	color: #FFFFFF;
}

#reporttable  {
	border-left: 1px solid #96bad4;
	border-right: 1px solid #96bad4;
	border-bottom: 1px solid #96bad4;
}

#reporttable td {
	border-left: 1px solid #96bad4;
	border-right: 1px solid #96bad4;
	border-bottom: 1px solid #96bad4;
	padding: 4px;
}
#reporttable th a:link, #reporttable th a:visited {
	color: #FFFFFF;
}
#reporttable th a:hover, #reporttable th a:active {
	color: #5ac0ff;
}

.even {
	background-color: #FFFFFF;
}
.odd {
	background-color: #e5f2fa;
}
.even-artworkform {
	background-color: #E9E9E9;
}
.highlight {
	background-color: #fffcb5;
}
/* end of reporting */
.awaiting {
	color:#FF0000;
}
.recieved {
	color:#3366FF;
}
.ordered {
	color:#33CC33;
}
.shipping-confirmation-normal {
	font-size: 14px;
	color: #9a9a9a;
	background-image: url(../images/template_images/normal.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	width: 190px;
	line-height: 56px;
	border: 2px solid #cccccc;
}
.shipping-confirmation-active {
	font-size: 14px;
	color: #355880;
	background-image: url(../images/template_images/active.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	width: 190px;
	line-height: 56px;
	border: 2px solid #5ac0ff;
}
.vertical-spacer {
	width: 10px;
}
.blank-td {
	width: 100px;
}
.horizontal-spacer {
	line-height: 10px;
}
.picker-button a:link, .picker-button a:visited, .picker-button a:hover, .picker-button a:active {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: #970000;
	text-align: center;
	padding: 2px 10px; 
	border: 1px solid #000000;
}
.current-color {
	font-size: 11px;
	color: #0064cc;
}
/* Styles for IBUY */
.project-content-padding {
	vertical-align: top;
	text-align: justify;
	line-height: 20px;
}
.project-box-border {
	background: url(../images/project_images/inner-cont-bg.gif) repeat-x left bottom;
	padding: 20px 20px 0 0;
	border: 1px solid #9dcff2;
}
.project-heading-positioning {
	position: relative;
	bottom: 30px;
}
.project-heading {
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(../images/project_images/darkblue-bg-big.gif) repeat-x;
	padding: 8px 20px;
	margin: 0 20px;
}
.project-description-padding {
	padding: 0 0 30px 40px;
	margin: -10px 0 0;
}
.description-heading-positioning {
	position: relative;
	bottom: 22px;
}
.description-heading, .products-heading, .would-like-to-heading {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}
.description-heading {
	background: url(../images/project_images/darkblue-bg-small.gif) repeat-x;
	padding: 4px 20px;
	margin: 0 20px;
}
.products-heading {
	background: url(../images/project_images/lightblue-bg.gif) repeat-x;
	padding: 2px 0;
}
.would-like-to-heading {
	background: url(../images/project_images/darkblue-bg-small.gif) repeat-x;
	padding: 2px 0;
}
.who-buying-heading {
	font-size: 16px;
	font-weight: bold;
	color: #1a3b65;
	padding: 0 0 6px;
	margin: 0px 0 6px;
	border-bottom: 1px dashed #9dcff2;
}
.products-box-border {
	background: #FFFFFF;
	text-align: center;
	vertical-align: top;
	border: 1px solid #9dcff2;
}
.products-image-padding {
	padding: 6px 0;
}
.products-table-bg {
	background: #ebf5fe;
	text-align: left;
}
.order-inputs {
	width: 60px;
	padding: 0 4px;
	border: 1px solid #9dcff2;
}
.border-bottom {
	padding: 2px 5px 2px 20px;
	border-bottom: 1px solid #9dcff2;
}
.border-bottom-last {
	padding: 2px 5px 2px 20px;
}
.border-right-bottom-left {
	background: #FFFFFF;
	padding: 2px 5px 2px 20px;
	border-right: 1px solid #9dcff2;
	border-bottom: 1px solid #9dcff2;
	border-left: 1px solid #9dcff2;
}
.border-right-left {
	background: #FFFFFF;
	padding: 2px 5px 2px 20px;
	border-right: 1px solid #9dcff2;
	border-left: 1px solid #9dcff2;
}
.bold-text {
	font-weight: bold;
}
.confirm-box {
	font-size: 13px;
	font-weight: bold;
	color: #1a3b65;
	background: #FFFFFF;
	padding: 10px 10px 10px 20px;
	margin: 10px 0 0;
	border: 1px solid #9dcff2;
}
.edit-box {
	font-size: 13px;
	font-weight: bold;
	color: #1a3b65;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #9dcff2;
}
.submit-button, .upload-button {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 22px;
	padding: 0 8px 2px; 
	margin: 0 0 8px;
	border: 1px solid #f5841e;
	overflow: visible;
	cursor: pointer;
}
.submit-button {
	background-color: #f79721;
	border: 1px solid #f5841e;
}
.upload-button {
	background-color: #4685b1;
	border: 1px solid #285a8b;
}
.confirm-button {
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background: url(../images/project_images/dark-bttn.gif) no-repeat;
	text-align: center;
	width: 111px;
	height: 28px;
	border: none;
	overflow: visible;
	cursor: pointer;
}
.edit-button {
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/project_images/light-bttn.gif) no-repeat;
	text-align: center;
	width: 93px;
	height: 28px;
	border: none;
	overflow: visible;
	cursor: pointer;
}
.order-submit-button {
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background: url(../images/project_images/dark-bttn.gif) no-repeat;
	text-align: center;
	width: 111px;
	height: 28px;
	margin: 10px 0;
	border: none;
	overflow: visible;
	cursor: pointer;
}
.quantity-border {
	/*width: 150px;*/
	border-right: 1px solid #9dcff2;
	border-left: 1px solid #9dcff2;
}
.alternate-white {
	padding: 5px 0;
	border-bottom: 1px solid #9dcff2;
}
.alternate-blue {
	background: #ebf5fe;
	padding: 5px 0;
}
.your-order-positioning {
	position: relative;
	bottom: 30px;
}
.your-order-heading {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(../images/project_images/darkblue-bg-small.gif) repeat-x;
	padding: 4px 20px;
	margin: 0 20px;
}
.order-table {
	text-align: center;
	border: 1px solid #9dcff2;
}
.order-table-padding {
	width: 450px;
	padding: 0 0 20px 20px;
	margin: -14px 0 0;
}
.contact-cc-padding {
	width: 450px;
	padding: 0 0 20px 20px;
	margin: -10px 0 0;
}
.contact-inputs {
	width: 195px;
	padding: 2px 4px;
	margin: 1px 0 6px;
	border: 1px solid #9dcff2;
}
.cc-inputs {
	padding: 2px 4px;
	margin: 1px 3px 6px 0;
	border: 1px solid #9dcff2;
}
.dashed-line {
	margin: 12px 0;
	border-top: 1px dashed #9dcff2;
}