@charset "utf-8";

/* 

 * 	Global stylesheet for Specialty Printing Midwest Magento Theme

 *  

 *  - Contains Header, Footer, Layout/Column Styles

 *  - Default Link/Font Styles

 *  - Utility classes (.clear, etc.)

 * 

 *  - Copyright 2009 Establish Web Design, LLC.

 * 

 *  */





/*----- Global / Reset Styles -----*/



body {
	background: #ebebeb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

html, body, form, p {
	height: 100%;
	margin: 0px;
	padding: 0px;
}


/* ############ Wrappers ############### */


.site-wrapper {
	background: #fff url(../images/layout/Background_Body.gif) repeat-x top left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}


.wrapper {
	margin: 0 auto;
	width: 940px;
	height: auto;
	z-index: 1000;
}

/* ############## Header Styles ######### */

.header-wrapper {
	background: transparent url(../images/layout/Background_Header.gif) no-repeat top center;
	position: relative;
	margin: 0 0 20px;
	width: 940px;
	height: 183px;
	z-index: 100;
}

.header {
	position: relative;
	z-index: 1000;
}

/* LOGO */

.logo {
	position: absolute;
	float: left;
	left: 0px;
	top: 30px;
	z-index: 500;
}

/* PRICE ALERT */
.pricing-alert {
	color: red;
	font-size: 16px;
	float: left;
	right: 5px;
	margin: 0 !important;
	padding: 0px !important;
	position: absolute;
	top: 30px;
}

/* USER / TOP MENU */

.sub-top-nav {
	position: absolute;
	float: right;
	text-align: left;
	right: 148px;
	top: 9px;
}

.sub-top-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

/*User Login or Register Menu*/
.user-login-register-menu {
  height: 27px;
  line-height: 26px;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 0px;
}
	.user-login-register-left {
		background: url(../images/layout/user-login-register-left.gif) no-repeat top left;
		display: block;
		float: left;
		height: 27px;
		margin: 0;
		width: 11px;
	}
	.user-login-register-right {
		background: url(../images/layout/user-login-register-right.gif) no-repeat top left;
		display: block;
		float: left;
		height: 27px;
		width: 11px;
	}
	.user-login-register-menu a {
		background: url(../images/layout/user-login-register-background.gif) repeat-x top left;
		display: block;
		color: #fff;
		float: left;
		font-size: 12px;
		height: 27px;
		line-height: 26px;
		padding: 0;
		margin: 0;
		text-align: center;
		text-decoration: none;
		width: 125px;
	}
	.user-login-register-menu a:hover { color: #a8e8ff; text-decoration: underline; }


/* MINI CART - TOP RIGHT */

.cart-icon {
	display:none;
}

.user-menu {
	position: absolute;
	float: right;
	top: 120px;
	right: 10px;
	color: #fff;
	font-size: 12px;
	text-align: left;
}
	.user-menu ul { margin: 0; padding: 0; list-style-type: none; }
	.user-menu ul li { 
		color: #000;
		margin: 0; 
		float: left; 
		position: relative; 
	}
	.user-menu ul li a {
		color: #000;
		padding: 0 20px;
		text-decoration: none;
	}
	.user-menu ul li a:hover { text-decoration: underline; }
	.user-menu ul li span { color:#0072bc; }



/* MAIN NAV WRAPPER */

.main-nav {
	position: absolute;
	float: left;
	left: 0px;
	top: 144px;
}

/* ################## See meganav.css for Main Nav styling. ######## */



/* SEARCH BOX */

.search-box {
	position: absolute;
	float: right;
	right: 3px;
	top: 150px;
}

.search-box fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.search-box legend { display: none; }

#search {
	position: absolute;
	right: 90px;
	border: 1px solid #b4b4b4;
	padding: 6px 4px 0px;
	background: #fff;
	font-size: 12px;
	color: #000;
	width: 260px;
	height: 18px;
}

.search_btn_submit {
	position: absolute;
	float: right;
	top: 1px;
	right: 4px;
}

.search-autocomplete {
	background: #FFF;
	border: 1px solid #999;
}

	.search-autocomplete ul {
		margin: 0;
		padding: 5px;
		list-style: none;
	}
		
		.search-autocomplete ul li {
			padding: 2px;
			font-size: 12px;
		}
		
		.search-autocomplete ul li span.amount {
			font-size: 11px;
			color: #666;
			padding: 0 5px 0 0;
			float: right;
		}
		
		.search-autocomplete ul li:hover {
			background: #EAC104;
			cursor: pointer;
		}

/* ##################### END OF HEADER ##################### */


/* ############### SEE layouts.css FOR CONTENT ############# */


/* ################### FOOTER Styles ######################## */



.footer-wrapper {
	background: #ebebeb url(../images/layout/Background_Footer.gif) repeat-x top left;
	clear: both;
	height: auto;
	position: relative;
	width: 100%;
}

.footer { 
	background: url(../images/layout/Background_Footer_Divider.gif) no-repeat top left;
	border: 0;
	height: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
}

.footer .footer-menu, .informational ul {
	float: left;
	padding: 9px 0 0 20px;
	margin: 0;
	list-style: none;
	color: #E0DFDF;
}
	.footer .footer-menu li, .informational ul li { float: left; padding: 0 8px; border-right: 1px solid #555555; }
	.footer .footer-menu li.last, .informational ul li.last { border-right: none; }
  .footer .footer-menu li a, .informational ul li a {
	  color: #FFFFFF;
	  font-size: 11px;
	  text-decoration: none;
  }
  .footer .footer-menu li a:hover, .informational ul li a:hover {
	  color: #FAC946;
	  text-decoration: none;
  }
  
  .informational ul { clear: left; padding: 8px 0 0 20px; }


.legality {
	color: #707070;
	font-size: 11px;
	left: 368px;
	position: absolute;
	top: 180px;
}

.footer-logos {
	float: left;
	left: 20px;
	position: absolute;
	top: 75px;
}

.add-this {
	position: absolute;
	right: 20px;
	top: 14px;
}

.ewd-logo {
	left: 400px;
	position: absolute;
	top: 230px;
}

.site-ssl-seal {
	width: 173px;
	position: absolute;
	right: 0px;
	top: 75px;
} 

.credit-cards {
	position: absolute;
	right: 180px;
	top: 75px;
display:none;
} 

/* ############# Element SPECIFIC ############### */



/* Message / Notifications */

.error-msg,  .success-msg,  .note-msg,  .notice-msg {
	border-style:solid !important;
	border-width:1px !important;
	background-position:10px 10px !important;
	background-repeat:no-repeat !important;
	padding:8px 15px !important;
	font-size:10px !important;
	font-weight:bold !important;
}

.error-msg {
	border-color:#f16048;
	background-color:#faebe7;
	background-image:url(../images/error_msg_icon.gif);
	color:#df280a;
}

.success-msg {
	border-color:#446423;
	background-color:#eff5ea;
	background-image:url(../images/success_msg_icon.gif);
	color:#3d6611;
}

.note-msg,  .notice-msg {
	border-color:#fcd344;
	background-color:#fafaec;
	background-image:url(../images/note_msg_icon.gif);
	color:#3d6611;
}

.messages,  .messages ul {
	list-style:none !important;
	margin: 10px auto !important;
	padding:0 !important;
	width:100%;
	overflow:hidden;
}

ul.messages {

}

ul.messages li.success-msg {
	background: #093;
	padding: 6px 12px;
}

ul.messages li.success-msg ul li {
	color: #fff;
	font-weight: bold;
	margin:0 0 10px;
}
.messages li li { margin:0 0 3px; }


/* BreadCrumbs */ 

.breadcrumbs {
	padding:10px;
	margin:0 0 10px;
	border:1px solid #ddd;
}

.breadcrumbs li { display:inline; }

/* Page Heading */

.page-title {
	border-bottom:1px solid #ddd;
	padding:0 0 5px;
	margin:0 0 10px;
}

.title-buttons { text-align:right; }

.title-buttons h2,  .title-buttons h3,  .title-buttons h4,  .title-buttons h5,  .title-buttons h6 { float:left; }





/* ----- CHECKOUT PAGE ------*/

#shopping-cart-table {
	padding: 0 10px;
	margin: 10px 0;
}
#shopping-cart-table


.page-head-alt {
	clear: both;	
}


ul.checkout-types {
	margin: 0pt auto;
	padding: 0 0 10px 0;
	list-style: none;
	width: 100%;
}

ul.checkout-types li { float: left; }

#shopping-cart-table { clear: both; }

.shopping-cart-totals {
	width: 48%;
	padding-left: 3%;
}

    .shopping-cart-totals ul.checkout-types {
	  margin: 0;
	  padding: 10px 0 0;
  }
  
  
  /*Checkout Steps: MAIN COL-------------------*/
	.checkout-onepage-index {}
	.checkout-onepage-index .middle-container {}
	.checkout-onepage-index .middle-container .middle {}
	.checkout-onepage-index .col-main {}
	
	
  ol#checkoutSteps {
	  margin: 0;
	  padding: 0 0 8px 0;
	  list-style: none;
  }
  
  ol#checkoutSteps li { clear: both; }
  ol#checkoutSteps .section { clear: both; }
  ol#checkoutSteps .active { clear: both; }
  ol#checkoutSteps .head { 
  	
	background: url(../images/buttons/button_white_orange.jpg) repeat-x top left;
	border: 1px solid #ccc;
	display: block;
	height: 36px;
	padding: 0;
	margin: 0 0 10px 0;
  }
  	ol#checkoutSteps .active .head { background-position: bottom left; }
  	ol#checkoutSteps .head:hover { background: #ebebeb; }
	ol#checkoutSteps .active .head:hover { background: #f3d601; }
  ol#checkoutSteps .head h3 { 
  color: #898989;
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0px 0 0 10px !important;
  width: 605px;
  }
  ol#checkoutSteps .active h3 { color:#fff; }
  ol#checkoutSteps .head span { color: #000; }
  ol#checkoutSteps .head a { 
	color: #898989;
	border: 1px solid #ebebeb;
	display: block;
	float: right;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 5px;
	text-decoration: none;
	text-transform: lowercase;
  }
  ol#checkoutSteps .head a:hover { 
	color: #fff;
	background: #C00;
	border: 1px solid #ebebeb;
	display: block;
	float: right;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin: 5px;
	text-decoration: none;
	text-transform: lowercase;
  }
   ol#checkoutSteps .active .head a,
   ol#checkoutSteps .active .head a:hover { 
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
  }
  
  /*Loign Step*/
  ol#checkoutSteps .checkout-step-login {}
  /*Billing*/
  ol#checkoutSteps .checkout-step-billing {}
  #co-billing-form ul { margin: 0; padding: 8px 0; list-style-type: none; }
  #co-billing-form fieldset { border: none; }
  /*Shipping*/
  ol#checkoutSteps .checkout-step-shipping {}
  /*Shipping Method*/
  ol#checkoutSteps .checkout-step-shipping_method {}
  	.checkout-step-shipping_method .shipment-methods {}
	.shipment-methods dt {
		padding: 5px;
		font-weight: bold;
	}
	.shipment-methods dd { 
		padding: 5px 10px;
		margin: 0px;
	}
	.shipment-methods dd ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
  	.shipment-methods dd ul li {
		margin: 0 0 3px;	
	}
  /*Payment*/
  ol#checkoutSteps .checkout-step-payment {}
  	.payment-methods dt {
		margin: 0 0 3px;	
	}
  /*Review*/
  ol#checkoutSteps .checkout-step-review {}
  
  
  
  /*Checkout Steps: RIGHT COL---------------*/  
  .checkout-onepage-index .col-right {}
  .one-page-checkout-progress {
	  
  }
  .one-page-checkout-progress h3 {
	  color: #ccc;
	  display: block;
	  font-size: 12px;
	  margin: 3px 5px 3px 0px;
	  text-align: center;
  }
  .one-page-checkout-progress ol {
	  margin: 8px 0;
	  padding: 0 0 0 28px;
  }
  .one-page-checkout-progress ol li {
	  
  }
  .one-page-checkout-progress ol li h4 {
	  font-size: 12px;
	  font-weight: normal;
  }
  .one-page-checkout-progress ol li h4 span {
	  font-size: 9px;
	  font-weight: normal;
  }
  .one-page-checkout-progress ol li h4 a {
	  font-size: 12px;
	  font-weight: normal;
  }
  .one-page-checkout-progress ol li h4 a:hover {
	  
  }
  .one-page-checkout-progress ol li h4.complete {
	  color: #ccc;
  }
  .one-page-checkout-progress ol li .content {
	   padding: 15px 15px 15px 0px;
  }
    .one-page-checkout-progress .content address {
	  line-height: 16px;
	  font-style: normal;
  }
 .one-page-checkout-success {
	 
 }
 .one-page-checkout-success p {  
 	padding: 10px 0;
 }