@import 'reset.css';

/*
==================================================
Globals
__________________________________________________
*/

body {
	background: #39312c url('images/bg.gif') top left repeat;
	background-image:url('http://images.mayerfabrics.com/img?set=key[fabric],value[%27KB-000%27]&call=url[file:/LoadTiled]&select=name[fImage]&scale=size[50%25]&sink');
	font: 1.0em/1.2 Helvetica, Arial, sans-serif;
	color: #000;
	cursor: default;
}

#container {
	width: 975px;
	margin: 1.0em auto;
}

a {
	color: #5785BF;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

div.clear {
	clear: both;
	padding: 1em 0;
}

.msg {
	background: #F6E2D1;
	padding: 0.5em 1em; 
	font-size: 0.9em; 
}

.alertmsg {
	background: #FF8C6A;
	padding: 0.5em 1em; 
	font-size: 0.9em; 
}

.cartmsg {
	height: 30px;
	margin: 0 0 0.5em 0;
}

.errormsg {
	padding: 0.5em 1em; 
	font-size: 0.8em;
	color: #FF3030;
}

/*
=================================================
Header
_________________________________________________
*/

#header h1 {
	height: 0;
	visibility: hidden;
}

a#jump {
	display: block;
	position: absolute;
	width: 1em;
	left: -999em;
}

/*
=================================================
Header > User Nav
_________________________________________________
*/

ul#userNav {
	float: right;
	margin-bottom: 1em;
}

ul#userNav li {
	float: left;
	
	padding: 0 10px;
	margin: 0 5px 0 0;
	
	border-right: 1px solid #fff;
	
	font-size: 0.625em;
	text-align: center;
	color: #CCCCCC;
}

ul#userNav li.lastChild,
ul#userNav li:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}

ul#userNav li a,
ul#userNav li.active a:hover {
	color: #fff;
	text-decoration: none;
}

ul#userNav li a:hover,
ul#userNav li.active a {
	color: #999;
}

/*
=================================================
Header > Main Nav
_________________________________________________
*/

ul#mainNav {
	clear: both;
}

ul#mainNav li {
	float: left;
	border: none;
}

ul#mainNav li a.NavTab {
	display: block;
	width: 146px;
	height: 27px;
	text-indent: -9999px;
}

a.search_reset {
	background: none;
	font-size: 0.7em;
	height: auto;
	padding: 0.75em 0.5em 0.5em 0.5em;
	text-indent: 0;
}

/*--- search button actions ---*/

ul#mainNav li.search a#productSearchLink {
	background: transparent url('images/nav.gif') -3px -64px no-repeat;
}

ul#mainNav li.search a#productSearchLink:hover {
	background: transparent url('images/nav.gif') -3px -33px no-repeat;	
}

ul#mainNav li.search.active a#productSearchLink {
	background: transparent url('images/nav.gif') -3px -3px no-repeat;	
}

/*--- products button actions ---*/

ul#mainNav li.products a {
	background: transparent url('images/nav.gif') -148px -64px no-repeat;	
}

ul#mainNav li.products a:hover,
ul#mainNav li.products.active a:hover {
	background: transparent url('images/nav.gif') -148px -33px no-repeat;	
}

ul#mainNav li.products.active a,
ul#mainNav li.products a:active {
	background: transparent url('images/nav.gif') -148px -3px no-repeat;	
}

/*--- markets button actions ---*/

ul#mainNav li.markets a {
	background: transparent url('images/nav.gif') -292px -64px no-repeat;	
}

ul#mainNav li.markets a:hover,
ul#mainNav li.markets.active a:hover {
	background: transparent url('images/nav.gif') -292px -33px no-repeat;	
}

ul#mainNav li.markets.active a,
ul#mainNav li.markets a:active {
	background: transparent url('images/nav.gif') -292px -3px no-repeat;	
}

/*--- about button actions ---*/

ul#mainNav li.about a {
	background: transparent url('images/nav.gif') -436px -64px no-repeat;	
}

ul#mainNav li.about a:hover,
ul#mainNav li.about.active a:hover {
	background: transparent url('images/nav.gif') -436px -33px no-repeat;	
}

ul#mainNav li.about.active a,
ul#mainNav li.about a:active {
	background: transparent url('images/nav.gif') -436px -3px no-repeat;	
}


/*--- account button actions ---*/

ul#mainNav li.account a {
	background: transparent url('images/nav.gif') -580px -64px no-repeat;	
}

ul#mainNav li.account a:hover,
ul#mainNav li.account.active a:hover {
	background: transparent url('images/nav.gif') -580px -33px no-repeat;	
}

ul#mainNav li.account.active a,
ul#mainNav li.account a:active {
	background: transparent url('images/nav.gif') -580px -3px no-repeat;	
}

/*--- product search form ---*/


div.productSearchForm {
	clear: both;
}

div.productSearchForm legend,
div.productSearchForm label {
	display: none;
}

div#productSearch {
	display: none;
	position: absolute;
	z-index: 100;
	
	width: 200px;
	margin-left: 5px;
	border: 1px solid #628599;
	border-top: none;
	
	background: #fff url('images/search_bg.gif') bottom left no-repeat;
}

ul#mainNav li.search a.close {
	display: block;
	float: right;
	
	width: 16px;
	height: 16px;
	margin: 5px;
	
	background: transparent url('images/button.productsearch.close.gif') top left no-repeat;
	text-indent: -9999px;
}

ul#mainNav li#search a.close:hover {
	opacity: 0.4;
	background: transparent url('images/button.productsearch.close.gif') top left no-repeat;
}

div#productSearch div.constraint {
	clear: both;
	
	width: 100%;
	padding-bottom: 5px;
	
	border-top: 1px solid #628599;
}

div.productSearchForm fieldset:last-child,
div.productSearchForm fieldset.lastChild {
	padding: 12px 0 8px 0;
	border-top: 1px solid #628599;
}

div.constraint select {
	float: left;
	
	width: 160px;
	margin: 5px 9px;
}

div#productSearch div.constraint label.check {
	display: inline;
	
	padding: 0.85em;
	
	color: #628599;
	font-size: 0.75em;
}

div.constraint input#newCollections {
	padding: 0.5em 0 0 0;
}

img#patternExample {
	margin: 10px 10px 0 15px;
	border: 1px solid #628599;
}

#productSearch .button {
	width: 76px;
	height: 23px;
	border: 0;
	
	background: transparent url('images/button.productsearch.gif') bottom center no-repeat;
	
	text-indent: -9999px;
	line-height: 0px;

	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

#productSearch .button:hover {
	opacity: 0.5;
}

#textQuery,
.textQuery,
.textQueryGhost {
	margin: 0 5px;
	width: 157px;
}

/*--- site search form ---*/

.siteSearch {
	float: right;
	height: 27px;
	margin-right: 8px;
}

.siteSearch legend,
.siteSearch label {
	display: none;
}

.siteSearch input {
	width: 139px;
}

.siteSearch .button {
	width: 80px;
	height: 22px;	
	border: 0;

	background: transparent url('images/button.search.gif') center center no-repeat;
	
	text-indent: -9999px;
	line-height: 0px;

	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

.siteSearch input[type=submit]:hover {
	opacity: 0.7;
}

/*
=================================================
Content
_________________________________________________
*/

#content {
	clear: both;
	background: transparent url('images/content_bg.png') top right repeat-y;
}

#content .wrapper {
	padding: 10px;
	margin-right: 5px;
	background: #fff;
}

#content h2 {
	float: left;
	width: 60px;
	color: #333;
}

#content h2 img {
	width: 60px;
}

#content p,
div.content {
	margin-bottom: 2em;
	
	font-size: 0.75em;
	line-height: 1.6;
	
	color: #666;
}

#main {
	float: left;
	width: 54.625em;
	padding-left: 1.0em;
}

#breadcrumb {
	color: #d16f1a;
	font-size: 0.625em;
	padding-bottom: 1em;	
}

#breadcrumb a {
	color: #d16f1a;
}

#breadcrumb a:hover {
	color: #628599;
}

#primary {
	float: left;
	width: 40em;
	margin-bottom: 1em;
	background: #fff;
	padding-top: 1em;
}

#secondary {
	float: left;
	width: 9em;
	height: 25em;
	margin-right: 2em;
	background: #fff;
}

/*--- sub nav ---*/

ul#subNav,
ul.subNav {
	padding-right: 1em;
	border-right: 1px solid #e7e8e9;
}

ul#subNav li,
ul.subNav li {
	border: none;
	padding: 0 0 5px 0.5em;
	font-size: 0.875em;
	line-height: 1.6em;
}

ul#subNav li a,
ul.subNav li a {
	color: #666;
	text-decoration: none;
	border: none;
}

ul#subNav li.active,
ul.subNav li.active {
	background: transparent url('images/nav.sub.active_bg.gif') top left repeat-x;
}
ul#subNav li.active,
ul.subNav li.active2line {
	background: transparent url('images/nav.sub2line.active_bg.gif') top left repeat-x;
}

ul#subNav li.active a,
ul#subNav li a:hover,
ul.subNav li.active a,
ul.subNav li a:hover {
	color: #000;
}

/*
=================================================
Home Content
_________________________________________________
*/

#cta { /* call to action */
	margin-top: 15px;
}

#cta img {
	display: block;
	margin: 0 auto;
}

#bottom {
	width: 950px;
	height: 220px;
	margin: 25px 0 0 3px;
	background: transparent url('images/home.bottom_bg.jpg') top left no-repeat;
}

#bottom div {
	float: left;
	padding-bottom: 0;
	width: 265px;
	padding: 10px 25px 5px 25px;
}

#bottom div img {
	float: left;
	margin: 0 5px 0px 0;
}

#bottom div a:hover h4 {
	color: #5D87A0;
}

#bottom div h4 {
	color: #d5945c;
	font-size: 1.25em;
	font-weight: bold;
}

#bottom div p {
	margin-top: 0.75em;
	color: #666666;
	font-size: 0.7em;
	clear: both;
	font-size: 0.6em;
	line-height: 1.4;
}


/*
=================================================
Product Page Content
_________________________________________________
*/

.patternDetails {
	margin: 0.5em 0 0 0;
	color: #666;
}

.patternDetails span {
	display: block;
	font-size:0.75em;
	line-height: 1.75;
}

.patternDetails span.stock {
	margin-bottom: 0.25em;
}

.patternDetails a {
	display: block;
	color: #608b9f;
	font-size: 0.625em;
	text-decoration: none;
	line-height: 1.75;
}

.patternDetails a:hover {
	color: #5785BF;
}

span.name {
	color: #333;
	font-size: 1.0em;
}

.patternDetails span.name {
	font-size: 1.0em;
}

span.itemnum {
	font-size: 0.60em;
}

span.collection,
span.colors, span.category {
	font-size: 0.75em;
}

.patternActions {
	float: right;	
	width: 105px;
}

/*--- order memo button ---*/

.ordermemo {
	display: block;
	height: 70px;
	width: 105px;
	margin: 0.5em 0 0 0;
	background: transparent url('images/button.ordermemo.gif') top left no-repeat;
	text-indent: -9999px;
}

.ordermemo:hover {
	background: transparent url('images/button.ordermemo.gif') 0 -89px no-repeat;
}

.ordermemo:active {
	background: transparent url('images/button.ordermemo.gif') 0 -181px no-repeat;
}

/*--- project board button ---*/

a.projectboard {
	display: block;
	height: 70px;
	width: 105px;
	background: transparent url('images/button.projectboard.gif') top left no-repeat;
	text-indent: -9999px;
}

a.projectboard:hover {
	background: transparent url('images/button.projectboard.gif') 0 -89px no-repeat;
}

a.projectboard:active {
	background: transparent url('images/button.projectboard.gif') 0 -181px no-repeat;
}

/*--- favorites button ---*/

a.favorites {
	display: block;
	height: 70px;
	width: 105px;
	background: transparent url('images/button.favorites.gif') top left no-repeat;
	text-indent: -9999px;
}

a.favorites:hover {
	background: transparent url('images/button.favorites.gif') 0 -89px no-repeat;
}

a.favorites:active {
	background: transparent url('images/button.favorites.gif') 0 -181px no-repeat;
}

a.removefavorites {
	display: block;
	height: 70px;
	width: 105px;
	background: transparent url('images/button.favorites.remove.gif') top left no-repeat;
	text-indent: -9999px;
}

a.removefavorites:hover {
	background: transparent url('images/button.favorites.remove.gif') 0 -89px no-repeat;
}

a.removefavorites:active {
	background: transparent url('images/button.favorites.remove.gif') 0 -181px no-repeat;
}

/*
=================================================
Search Result Content
_________________________________________________
*/

.searchResult .wrapper {
	overflow: auto;
}

.searchResult #secondary {
	width: 17.5em;
	height: 30em;
	margin-right: 0.5em;
	padding-right: 1em;
	border-right: 1px solid #dfdfdf;
}

.searchResult #secondary a.viewFabric {
	display: block;
	width: 160px;
	height: 45px;
	margin: 1em 0 0 0;
	font-size: 0.875em;
	line-height: 40px;
	text-align: center;
	color: white;
	background: transparent url('images/gen.buttons_bg.gif') 0 0 no-repeat;
}

.searchResult #secondary a.viewFabric:hover {
	background: transparent url('images/gen.buttons_bg.gif') 0 -46px no-repeat;
}

.searchResult #primary {
	width: 35.5em;
}

/*--- search result item ---*/

.result {
	float: left;
	width: 5em;
	height: 8em;
	overflow: hidden;
	padding: 0.25em;
	margin: 0 1.40em 0 0;
	border: 1px solid #fff;
	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */	
}

.result.active, .result.active:hover {
	border: 1px solid #5e88a2;
}
.result:hover {
	border: 1px solid #eef;
}

.result a {
	margin: 0 auto;
	text-decoration: none;
}

.result a:hover span {
	color: #5e88a2;
}

.result span {
	display: block;
	color: #666;
}

.result span.name {
	font-size: 0.75em;
	font-weight: bold;
}

.result span.colors {
	font-size: 0.625em;
}

/*--- search result pagination ---*/

.pagination {
	clear: both;
	width: 100%;
	color: #466f88;
	font-size: 0.725em;
	line-height: 18px;
}

#content .box .pagination .wrapper {
	width: 32em;
	margin: 0 auto;
}

#content .pagination .wrapper {
	width: 38em;
	margin: 0 auto;	
}

.pagination a {
	color: #466f88;
	text-decoration: none;
}

.pagination a:hover {
	color: #A2B3BE;
}

.pagination a.active {
	color: #000;
	font-weight: bold;
}

.pagination a.previous,
.pagination a.next {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 0 1em;
	text-indent: -9999px;
}

.pagination a.next {
	background: transparent url('images/page.arrows.gif') 0 0 no-repeat;	
}

.pagination a.next:hover {
	background: transparent url('images/page.arrows.gif') 0 -20px no-repeat;	
}

.pagination a.previous {
	background: transparent url('images/page.arrows.gif') 0 -40px no-repeat;	
}

.pagination a.previous:hover {
	background: transparent url('images/page.arrows.gif') 0 -62px no-repeat;	
}

.pagination .pages {
	float: left;
}

.pagination a.resultpage {
	padding: 0 0.25em;
	border: none;
}

/*
=================================================
Product Page Content
_________________________________________________
*/

.productPage #primary {
	width: 27.5em;
	padding: 0 1em 0 0;
}

.productPage #secondary {
	width: 26em;
	margin: 0;
}

.seeViz,
.seeSwatch {
	display: block;
	height: 100px;
	margin: 0.5em 0 0 0;
	background: transparent url('images/button.viewviz.gif') top left no-repeat;
	text-indent: -9999px;
}

.seeSwatch {
	background-image: url('images/button.viewswatch.gif');
}

.seeViz:hover {
	background: transparent url('images/button.viewviz.gif') 0 -104px no-repeat;
}

.seeSwatch:hover {
	background: transparent url('images/button.viewswatch.gif') 0 -102px no-repeat;
}

.productPage .color {
	display: inline;
	font-size: 0.75em;
}

.productPage .finish {
	display: inline;
	padding-left: 2em;
}

.productPage .width {
	display: inline;
}

.productPage .price span {
	display: inline;
	font-size: 1.5em;
	color: #333;
}

.productPage .result {
	margin: 0 0.7em 0 0;
}

.productPage .result span.colors {
	font-size: 0.75em;
}

.productPage #secondary .box {
	height: 325px;
	margin-bottom: 1em;
	padding: 0 0 0 0.5em;	
	border: 1px solid #5e88a2;
	border-top: none;
}

.productPage .box .pagination .pagewrapper {
	width: 15em;
	background: transparent;
	margin: 0 auto;
}

.productPage .projectBoard.box {
	height: 250px;
}

.productPage h4 {
	height: 23px;
	background: transparent url('images/box.heading_bg.gif') top right no-repeat;
	font-size: 0.875em;
	line-height: 23px;
	color: #fff;
	text-align: center;
}

.productPage h4 span.round {
	display: block;
	float: left;
	height: 23px;
	width: 3px;
	background: transparent url('images/box.heading_bg_left.gif') top left no-repeat;
}

.productPage h4 a {
	color: #fff;
	text-decoration: none;
}

.productPage h4 a:hover {
	color: #000;
}

/*--- product page > order form ---*/

#orderForm {
	padding: 0.75em 0;
	margin: 0.25em 0 0 0;
	border-top: 1px solid #ccc;
	font-size: 0.85em;
	color: #333;
}

#orderForm label {
	display: inline;
}

input.qty {
	width: 4em;
	height: 1.5em;
	line-height: 1.5em;
	border: 1px solid #333;
}

#orderForm div {
	padding: 0.5em 0 0 0;
	float: left;
}

#orderForm input[type=submit] {
	float: left;
	width: 140px;
	height: 40px;
	margin-left: 3.5em;
	padding: 0 0 10px 5px;
	border: none;
	background: transparent url('images/button.addtopo.gif') top left no-repeat;
	color: #fff;
	font-size: 0.9em;
	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

#orderForm button:hover {
	background: transparent url('images/button.addtopo.gif') 0 -44px no-repeat;
}

/*
=================================================
News
_________________________________________________
*/

ul#news {
}

ul#news li {
	border-top: 1px solid #ccc;
	padding: 0.75em 0 0 0;
	margin: 0.75em 0 0 0;
}

ul#news li h4 {
	font-size: 0.9em;
}

ul#news li span.date {
	font-size: 0.75em;
}

ul#news li p {
	margin-bottom: 0;
}

ul#news li a {
	text-decoration: none;
	font-style: italic;
}

/*
=================================================
User Account Pages
_________________________________________________
*/

/*--- general form styling ---*/

.accountForm legend {
	margin: 0 0 0.5em 0;
}

.accountForm legend span {
	display: block;
	font-size: 0.55em;
	color: #666;
}

.accountForm label {
	float: left;
	width: 8em;
	height: 2em;
	color: #666;
	line-height: 2em;
	font-size: 0.625em;
}

.accountForm div.required label,
.accountForm div label.required {
	font-weight: bold;
	color: #333;
}

.accountForm input,
.accountForm textarea {
	border: 1px solid #999;
	font-size: 0.65em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.accountForm input {
	padding: 0.3em 0;
}

.accountForm input:focus,
.accountForm textarea:focus {
	border: 1px solid #333;
}

.accountForm div {
	clear: both;
	height: 2em;
}

.accountForm .button,
.accountForm input[type=submit] {
	width:140px;
	height:30px;
	padding: 0 5px 7px 0;
	border: 0 none;
	margin: 0 0 1.5em 0;
	background:transparent url('images/button.generic.gif') 0 0 no-repeat;
	color: #fff;
	font-size: 0.875em;
	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

.accountForm .button:hover,
.accountForm input[type=submit]:hover {
	background:transparent url('images/button.generic.gif') 0 -38px no-repeat;
}

.accountForm .radio label {
	display: inline;
	float: none;
}
.accountForm div span.error,
.accountForm div span.format {
	font-size: 0.7em;
}

.accountForm a {
	font-size: 0.90em;
	text-decoration: none;
}

/*--- login form ---*/

#loginForm input {
	width: 12.5em;
}

#loginForm input[type=submit] {
	margin: 0 0 1.5em 5.65em;
	width: 140px;
}

#loginForm p {
	font-size: 0.65em;
	line-height: 1.4;
	margin-left: 7.75em;
}

#loginForm p a {
	display: block;
	float: left;
	text-decoration: none;
}

#loginForm p:last-child,
#loginForm p.last {
	font-size: 0.75em;
	margin: 3em 0 2em 6.65em;
}

#loginForm p:last-child a,
#loginForm p.last a {
	display: inline;
	float: none;
}

/*--- Create Account form ---*/

#createForm label {
	width: 11em;
}

#createForm input[type=text] {
	width: 30em;
}

#createForm select {
	width: 16em;
}

#createForm div.zip input {
	width: 9em;
}

#createForm div.phone input {
	width: 18em;
}

#createForm div.comments label {
	width: 15em;
	display: block;
	float: none;
}

#createForm div.comments textarea {
	width: 38.75em;
	height: 8em;
	overflow: hidden
}

#createForm div.comments {
	height: auto;
}

#createForm div.check label {
	width: 35em;
	font-size: 0.8em;
}

#createForm div.check label input {
	margin: 0.25em 0 0 0.25em;
	width: auto;
	border: none;
}

/*--- Order History ---*/

#orderHistory {
	margin-top: 1em;
}

th {
	padding: 0 3.25em 0 0;
	text-align: left;
	color: #666;
	font-size: 0.75em;
}

td {
	padding: 0.5em 0;
	font-size: 0.75em;
}

th, td {
	border-bottom: 1px solid #e7e8e9;
}

/*--- Profile ---*/

table.property {
	border-bottom: 1px solid #e7e8e9;
	width: 17em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

table.property th {
	width: 8em;
	border: none;
	margin-right: 0;
}

table.property td {
	border: none;
}

h4 {
	font-size: 0.75em;
	margin-top: 0.5em;
}


/*--- Sample Binder ---*/

div.result a.delete {
	font-size: 0.65em;
	text-transform: uppercase;
	text-decoration: none;
}

div.result.sample {
	margin-right: 1em;
}

/*--- Shopping Cart ---*/

.cart {
	margin: 0.5em 0 0 0;
}

.cart input[type=submit] {
	float: right;
	width:77px;
	height:26px;
	padding: 0;
	border: 0 none;
	margin: 1em 1.5em 1em 0;
	background:transparent url('images/button.cart.update.gif') 0 0 no-repeat;
	color: #5e88a2;
	font-size: 0.75em;
	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

.cart.large input[type=submit] {
	width:130px;
	background:transparent url('images/button.sect.update.png') 0 0 no-repeat;
}

.cart input[type=submit]:hover {
	color: #000;
}

.cart div.submit {
	height: 3.25em;

	border-bottom: 1px solid #e7e8e9;	
	border-top: 1px solid #e7e8e9;	
}

.cart label {
	color: #666;
	font-size: 0.875em;
}

.cart textarea {
	overflow: auto;
	width: 99%;
	height: 2.5em;
	border: 1px solid #cfcfcf;
}

.shoppingCart th {
	padding: 0;
	border: none;
}

.shoppingCart td {
	vertical-align: top;
	
	padding: 0 0 0.5em;
	border: none;
}

.shoppingCart tr.item td {
	padding: 0.5em 0 0 0;
	border-top:1px solid #E7E8E9;
	border-bottom: none;
}

.shoppingCart th.img {
	width: 7.5em;
}

.shoppingCart th.item {
	width: 6em;
}

.shoppingCart th.desc {
	width: 10em;
}

.shoppingCart th.qty {
	width: 4em;
}

.shoppingCart th.bo {
	width: 7em;
}

.shoppingCart th.price, .shoppingCart th.unit {
	width: 5em;
}

.shoppingCart th.ext {
	width: 6em;
}

.shoppingCart th.action {
	width: 6em;
}

.shoppingCart a.delete {
	display: block;
	text-decoration: none;
}

.placeOrder {
	display: block;
	width: 140px;
	height: 30px;
	padding: 1px 5px 7px 0;
	border: 0 none;
	margin: 0 0 1.5em 0;
	background:transparent url('images/button.generic.gif') 0 0 no-repeat;
	color: #fff;
	font-size: 0.875em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;	/* both cursor declarations are required */
	cursor: hand;		/* see http://www.quirksmode.org/css/cursor.html */
}

.placeOrder:hover {
	background:transparent url('images/button.generic.gif') 0 -38px no-repeat;
}

div.orderTotals {
	float: right;
	width: 9em;
}

div.orderTotals th, div.orderTotals td {
	border: none;
	color: #333;
}

div.orderTotals tr.total th, div.orderTotals tr.total td {
	padding: 1em 0;
	font-size: 1.2em;
}

.cart h5 {
	color: #838383;
	font-size: 0.9em;
	margin: 1.5em 0 0.5em 0;
	border-bottom: 1px solid #E7E8E9;
}

.shoppingCart .memo_flag {
	font-weight:bold;
	text-transform:uppercase;
	color:#D16F1A;
	display:block;
}

/*--- Checkout ---*/
#checkoutForm input[type=text],
#checkoutForm input[type=select] {
	width: 30em;
}
#checkoutForm .radio input {
	width: auto;
	border: none;
}
#checkoutForm select {
	width: 20em;
}
#checkoutForm #NewShipToDiv {
	height: auto;
	display: none;
	padding: 0 0 1em 0;
}
#checkoutForm div ol {
	margin-left: 5em;
}
#checkoutForm div ol input {
	width: 22.35em;
}
#checkoutForm div ol li {
	height: 2em;
}
#checkoutForm div a.formAction {
	font-size: 0.6em;
}
#checkoutForm #NewShipToDiv a.formAction  {
	margin-left: 31em; 
}
#checkoutForm #payment,
#checkoutForm div.comments {
	height: auto;
	padding: 0 0 1em 0;
}
#checkoutForm div.comments textarea {
	height:8em;
	overflow:hidden;
	width:20em;
}
#checkoutForm .expire select {
	width: auto
}
	
/*
=================================================
Footer
_________________________________________________
*/

#footer {
	clear: both;	
	padding: 0.5em;	
	font-size: 0.5625em;
	color: #fff;
	white-space: nowrap;
	font-size: 0.7em;
}

ul#footerNav {
	margin-left: 1em;
}

ul#footerNav li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #fff;
}

ul#footerNav li:last-child,
ul#footerNav li.lastChild {
	border: none;
}

ul#footerNav li a {
	color: #fff;
	text-decoration: none;
	text-align: center;
}

ul#footerNav li a:hover {
	color: black;
}

p#copy {
	float: left;	
	margin-left: 1%;
	margin-right: 1%;
}

div.vcard {
	float: left;	
	margin: 0 0 0 1.0em;	
	color: #ccc;
	white-space: nowrap;
}

div.vcard span.tel {
	padding: 0 0.5em;
}

div.vcard div.numbers {
	display: inline;
}

abbr.country-name {
	display: none;
}

/****************************************************************/
/* Calendar/Trade Show */

table.vcalendar {
	width: 40em;
	margin: 1em 0;
	border-collapse: collapse;
}

table.vcalendar caption {
	display: none;
}

table.vcalendar th {
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
	padding: 0.25em 0.75em;
}

table.vcalendar th, table.vcalendar td {
	border-right: 1px solid #E7E8E9;
}

table.vcalendar .lastChild {
	border-right: none;
}

table.vcalendar td {
	border-bottom: none;
	padding: 0.5em 0.75em;
}

table.vcalendar a.url {
	color: #D16F1A;
	text-decoration:none;
}

table.vcalendar tr:hover td {
	background: #f5f6f7;
}