/*general*/
.hiddenImage { 
	display: none;
}
BODY {
	padding:35px 0px 23px 0px;
	margin:0px;
	background:#ffffff;
}
#loading {
 	width: 200px;
 	height: 50px;
 	background-color: #c0c0c0;
 	text-align: center;
	margin-left:200px;
}
DIV, TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#111111;
}
A {
	color:#EE2F34;
	text-decoration:none;
}
.Clear {
	clear:both;
}
.Navigation A {
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0;
	padding-left:10px;
}
.Navigation A:HOVER {
	color:#EE2F34;
}
#Header .Navigation {
	text-align:right;
	padding:6px 45px 3px 0px;
}
#Footer .Navigation {
	text-align:center;
	padding-top:5px;
}

H3 A {
	color: #000;
}
.HomeBox A {
	color: #000;
}
.HomeBox A:hover {
	color: #EE2F34;
}
A.categoryLink, A.subCategoryLink {
	color: #000;
}
A.categoryLink:hover, A.subCategoryLink:hover, A.categoryLink:hover DIV, A.subCategoryLink:hover DIV, DIV.HomeBox H3 A:hover {
	color:#EE2F34;
}

/*framework*/
#Page {
	text-align:left;
	width:858px;
	position:relative;
}
#Header {
	background:url('/images/top.jpg') no-repeat;
}
#ShadowWrapper {
	background:#E7E7E7 url('/images/right.gif') repeat-y right;
	padding-right:6px;
	border-left:1px solid #C6C2BF;
}
#MainWrapper {
	padding:7px 6px 6px 5px;
}
#Main {
	background:url('/images/body.gif') repeat-y;
	overflow:hidden;
	width:100%;
	position:relative;
	padding-bottom:15px;
}
#Left {
	width:138px;
	float:left;
	margin-left:6px;
	display:inline;
}
#Right {
	float:left;
	margin-left:30px;
	display:inline;
	width:660px;
}
#NoCharges {
	position:absolute;
	bottom:0px;
	left:185px;
	font-weight:bold;
	font-size:10px;
}
#Footer {
	background:url('/images/bottom.jpg') no-repeat;
}
#Copy {
	margin-top:15px;
	font-size:10px;
	text-align:center;
}

.faqLink a {
	color: blue
}

.hide {
	display: none;
}

.show {
	display: block;
}
.showFourHundred {
	display: block;
	color: red!important;
}
.showZero {
	display: block;
	color: red!important;
}
/*monkey logo*/
#Monkey {
	position:absolute;
	background-image:url('/images/logo.png');
	cursor: pointer;
	height:181px;
	width:181px;
	z-index:10;
	top:-20px;
	left:-8px;
}
* html #Monkey {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='crop');
}

/*left sidebar*/
#SidebarTop {
	background:url('/images/nav_top.gif') repeat-x bottom;
	height:152px;
}
#SidebarTop .Content {
	padding-top:130px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#SidebarNav {
	background:#E7E7E7 url('/images/nav_bottom.gif') repeat-x top;
	height:326px;
	text-align:left;
	padding:11px 0 0 5px;
}
#SidebarNav A {
	text-decoration:none;
	color:#000000;
	display:block;
	padding:1px 0px 2px 0px;
}
#SidebarNav A:hover, div#Copy a:hover, div.galleryLink a:hover {
	color: #ccc;
}
#SidebarNav .On {
	background:url('/images/nav_selected.gif') repeat-x top;
	color: #EE2F34;
}
#SidebarNav .subItemOn a {
	color: #EE2F34;
}

#SidebarNav .Main {
	font-weight:bold;
}
#SidebarNav div.showSection div {
	padding-left: 10px;
}

#FancyText {
	position:absolute;
	bottom:5px;
	left:10px;
}


/*box styles*/
.BoxTop {
	border:1px solid #C6C2BF;
	border-bottom:none;
	line-height:8px;
}
.BoxTopRight{
	background:url('/images/box_top_right.gif') no-repeat;
	height:9px;
}
.BoxLeft{
	border-left:1px solid #C6C2BF;
	border-bottom:1px solid #C6C2BF;
}
.BoxCenter {
	border-right:1px solid #C6C2BF;
	border-bottom:1px solid #C6C2BF;
	padding:0px 5px 7px 0px;
}
* html .BoxCenter {
	padding-right:3px;
}
.BoxRight{
	background:url('/images/box_right.gif') repeat-y;
	width:5px;
}
.BoxBottomLeft{
	background:url('/images/box_bottom_left.gif') no-repeat;
	width:8px;
}
.BoxBottom{
	background:url('/images/box_bottom.gif') repeat-x;
	height:6px;
}
.BoxBottomRight{
	background:url('/images/box_bottom_right.gif') no-repeat;
}

.Box {
	margin:0px 5px 5px 0px;
	float:left;
}
.Box .Image {
	border:1px solid #C6C2BF;
	margin:-3px 0px 0px -2px;
	position:relative;
}
.Box H3 {
	padding:0px;
	margin:6px 0px 0px 0px;
	text-align:center;
	font-size:14px;
}

div.heading {
	font-size: 125%;
}

div.productName {
	padding-top: 5px;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}
img#camera {
	margin-right: 5px;
	border: none;
}

div.showSection {
	display: block;
}
div.hideSection {
	display: none;
}

div.imgJungle {
	margin-left: 375px;
	background-image: url("/images/jungle.gif");
	height: 218px;
	width: 218px;
}

div.imgCoedMonkey {
	margin-left: 0;
	background-image: url("/images/coed_monkey.gif");
	height: 214px;
	width: 651px;

}

.note {
	padding-left: 10px;
	font-size: 75%;
}
.errorMessage, .required {
	color: red;
}
.errorMessage a {
	color: blue;
}
.errorMessage a:hover {
	color: green;
}

.submitButton {
	padding-top: 10px;
}

/* ****************************** *
 *  CSS for Progress Steps Crumb  *
 * ****************************** */
div.progressCrumb {
	margin: 0 0 3px 180px;
}
span.progressStep, span.completedStep, span.currentStep {
	padding-right: 15px;
	font-size: 90%
}
span.progressStep {
	color: #ccc;
}
span.completedStep {
	color: #000;
}
span.currentStep {
	color: red;
}

/* ******************************** *
 *  CSS for Products Page  *
 * ******************************** */

div.galleryLink {
	/*float: right; */
	padding-top: 5px;
}

div#quoteSteps {
	margin-left: 290px;
}

div#quoteSteps div.step {
	padding: 3px;

}
div#quoteSteps div.stepItem {
	padding: 2px 2px 2px 4px;
	margin: 5px 0 5px 10px;
}

div#quoteSteps div.stepItem textArea {
	width: 340px;
	height: 75px;
}

div#quoteSteps div.stepItem textArea#morePlacements {
	height: 50px;
}

div#quoteSteps .stepId {
	font-weight: bold;
}
div#quoteSteps div#colorSelectorStep {
	float: right;
}
div#quoteSteps div#quoteSubmitButton {
	float: right;
}

div#quoteSteps div#colorSelector {
	width: 340px;
	padding: 5px;

}
div#quoteSteps div#colorSelector div#colorswatches {
	float: left;
	width: 250px;
	display: block;
}
div#quoteSteps div#colorSelector div.colorSwatch {
	float: left;
	width: 25px;
	height: 25px;
	border: 1px solid #ccc;
	margin: 0 2px 4px 2px;
}
div#quoteSteps div#colorSelector #theSelectedColor {
	float: right;
}
div#quoteSteps div#colorSelector #selectedColor {
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
	border: 1px solid #ccc;
}
div#quoteSteps div#colorSelector div.clear {
	clear: right;
}

div#quoteSteps .americanApparelNote {
	color: red;
}
div#quoteSteps div.apNote {
	margin-top: 3px;
}
/* ******************** *
 *  CSS for Quote Page  *
 * ******************** */
 
 div#quoteHeading {
 	text-align: center;
 }
 
 div#quoteSummary {
	margin-left: 0px;
	width: 625px;
	border: 1px solid #ccc;
 }

div#quoteSummary div {
	padding: 5px;
}

div#quoteSummary div#quoteData, div#quoteSummary div#quotePrice{
	margin: 3px;
	border: 1px solid #ccc;
}

div#quoteSummary div#quotePrice {
	text-align: center;
}
div#quoteSummary div.btnGroup {
	text-align: center;
	padding: 10px;
}

/* ******************** *
 *  CSS for Order Page  *
 * ******************** */

 #collectProductContactInfo {
 	width: 630px;
 	text-align: center;
 }
 #collectProductContactInfo .heading {
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	padding-bottom: 10px;
}
 #collectProductContactInfo .button {
	text-align: center;
	margin-top: 15px;
}
#collectProductContactInfo .information {
	padding: 5px 0 10px 5px;

}
#collectProductContactInfo table#gatherInfoTable {
	margin-bottom: 10px;
}
#collectProductContactInfo table#gatherInfoTable td.label { 
	vertical-align: top;
	width: 250px;
}

#collectProductContactInfo table#gatherInfoTable td.input { 
	width: 380px;
}

#collectProductContactInfo table#gatherInfoTable textarea, #collectProductContactInfo table#gatherInfoTable input { 
	width: 375px;
}
#collectProductContactInfo table#gatherInfoTable textarea { 
	height: 100px;
}

/* ********************** *
 *  CSS for Artwork Page  *
 * ********************** */
div#leftArtwork {

}
.artworkExample {
/*
	width: 304px;
	text-align: center;
	border: 1px solid red;
	background-color: yellow;
	*/
	width: 304px;

}

.artworkMessage {
	padding: 10px;	
}
#artworkPlacementGroup {
	padding: 10px 0 120px 20px;
}

div#artPlacements {
	width: 660px;

}
div#artPlacements div#placement1Artwork, div#artPlacements div#placement2Artwork {
	width: 305px;
	padding-bottom: 10px;
}
div#artPlacements div.artworkFileInput {
	padding: 10px 0 10px 0;
}

div.placementImage {
/*
	background-image: url("/images/tshirt.jpg");
	height: 173px;
	width: 304px; 

	border: 1px solid blue;
*/
	margin-left: auto;
	margin-right: auto;

}
div.centerPlacementImageNote {
	text-align: center;
}
div.placementNote {
	padding-top: 10px;
	width: 304px;
}

textarea.noteTextArea {
	width: 304px;
	height: 50px;
}
/*
div.artworkFileInput {
	height: 55px;
}
div.artworkFileInput div {

}
*/

/* *********************** *
 *  CSS for Policies Page  *
 * *********************** */
 div#policies div.policyHeading {
	font-weight: bold;
	padding-top: 5px;
 }
 div#policies div.policyMessage {
 	font-style: italic;
 }
 
 /* ******************************** *
 *  CSS for Progress Thank You Page  *
 * ********************************* */
div#thanks {
	padding: 30px;

}
div#thanks div.header {
	font-size: 125%;
	text-align: center;
}
div#thanks div.message {
	padding: 10px;
}
div#thanks span.orderNumber {
	font-weight: bold;
	font-size: 125%;
}

 /* ********************************* *
 *  CSS for Coed Monkey Apparel Cart  *
 * ********************************** */
 div#shoppingCart {
	width: 630px;
}
div#shoppingCart form#addItemForm, div#shoppingCart form#clearCartForm, div#shoppingCart form#checkoutCartForm {
	float: right;
	padding: 10px;
}
div#shoppingCart form {
	margin-bottom: 10px;
}
div#shoppingCart table td {
	vertical-align: top;
	text-align: left;
}
div#shoppingCart table td.columnTitle {
	font-weight: bold;
}
div#shoppingCart table td.buttonColumn {
	width: 130px;
}
div#shoppingCart table td.productColumn {
	width: 150px;
}
div#shoppingCart table td.sizeColumn {
	width: 50px;
	text-align: left;
}
div#shoppingCart table td.descriptionColumn {
	width: 200px;
	text-align: Left;
}
div#shoppingCart table td.priceColumn {
	text-align: right;
	width: 60px;
}
div#shoppingCart table td#totalTD, div#shoppingCart td#shippingTD {
	font-weight: bold;
	text-align: right;
}
div#shoppingCart table td.total {
	color: red;
	font-weight: bold;
}


 /* ************************ *
 *  CSS for Contact Us Page  *
 * ************************* */
div.contactPage {
	margin-top: 10px;
	width: 630px;
}
div.contactPage div.contactInfo {
	width: 200px; 
	margin-left: 10px;
}
div.contactPage div.addressHeading {
	font-weight: bold;
	font-size: 125%;
	border-bottom: 5px solid #ccc;

}
div.contactPage div.contactForm {
	position: relative;
	width: 360px;
	float: right;
}
div.contactPage div.contactForm form#contactUsForm {
	margin: 0 auto; /* without this style, there is a large space between the form and the heading in IE */
	margin: 10px 0 0 0;
}

div.contactPage div.inputSection {
	width: 380px;
	text-align: right;
	padding: 0 10px 10px 0;
}
div.contactPage div.inputSection span.input {
	width: 230px;
	padding: 0 0 0 10px;
}
div.contactPage input, div.contactPage textarea#message {
	width: 250px;
	margin: 0 50px 0 0;
}

div.contactPage span#messageLabel {
	 vertical-align: top;
}
div.contactPage span.input textarea#message {
	height: 150px;
}
div.contactPage div.addressItem {
	font-size: 120%;
	padding: 10px 0 15px;
}

/* ***************** *
*  CSS for FAQ Page  *
* ****************** */
div#faqPage {
	width: 630px;
}
div#faqPage div.faq {
	width: 620px;
}
div#faqPage div.questionList {
}
div#faqPage div.answerList {
	margin-top: 20px;
}
div#faqPage div.question {
	font-weight: bold;
	margin: 0 0 5px 0;
}
div#faqPage div.answer {
	margin: 0 0 10px 20px;
}
 
/* ********************** *
*  CSS for Checkout Page  *
* *********************** */
div#showCollectContactInfo {
	width: 650px;
}
.orderInformation {
	margin: 20px;
}
.orderInformation .orderHeading {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.orderInformation .orderDescription, .orderInformation #total {
	width: 150px;	
}
.orderInformation #total, .orderInformation #shipping {
	font-weight: bold;
}

div.orderInformation {
	width: 400px;
}
div.productInformation {

	width: 630px;

}
div.productInformation div {

}
div.productInformation div.totals div#shipping, div.productInformation div.totals div#total {
	text-align: right;

}
div.productInformation div.totals {
	float: right;
}
div.productInformation span.orderTitle {
	font-weight: bold;
}
div.productInformation span.price {
	padding-left: 20px;
	color: red;
	font-weight: bold;
	font-size: 125%;
}
div.productInformation div.orderDescription {
	padding: 5px;
}
div.orderInformation div.textBox {
	text-align: right;
}
div.orderInformation span.input {
	padding-left: 10px;
}
div.orderInformation input {
	width: 250px;
}
div.orderInformation input#sameAsBillingCheckbox {
	width: auto;
}
div.orderInformation input.state {
	width: 50px;
	padding-right: 10px;
}
div.orderInformation input.zip {
	width: 50px;
}
div.orderInformation span.state {
	padding-right: 20px;
}
div#showCollectContactInfo div#checkoutPageButton {
	text-align: right;
	padding-right: 20px;
}




/* ************************* *
*  CSS for CMA Product Page  *
* ************************** */
div#cmaProductPage {
	width: 640px;
}
div#cmaProductPage div.addToCartForm {
	width: 330px;
}
div#cmaProductPage div.steps {
	width: 220px;	
}
div#cmaProductPage div.step {
	padding: 5px;
}
div#cmaProductPage div.addCartButton {
	float: right;
}

/* ********************************** *
*  CSS for Control Center Index Page  *
* *********************************** */
#Column1,
#Column2 {
	float:left;
}
.Box H3 {
	padding:0px;
	margin:0px 0px 6px 0px;
	text-align:left;
	font-size:14px;
}
#OrderSearch {
	width:620px;
}
#Rep {
	width:170px;
}
#Search {
	margin:0px 0px 0px 20px
}
#Orders TD {
	padding-right:10px;
}
.OrderRow {
	height:20px;
}
TH {
	font-size:12px;
	text-align:left;
}