#content table {
	margin-top: 10px;
	margin-bottom: 20px;
}

#content .warranty-th {
	width: 15%;
	text-align: center;
}

#content .x {
	text-align: center;
}

p.clearing {
	clear: both;
	margin: 0 !important;
	padding: 0 !important;
}


/*=========================================================================================================================
  Shop Tool Bar
=========================================================================================================================*/

#content {
	padding-top: 0;
	margin-top: 16px;
}

#sidebar {
	padding-top: 0;
	margin-top: 13px;
}

div#shop-tools {
	height: 15px;
	width: 725px;
	padding: 1em 0;
}

	div#shop-tools ul {	
		margin: 0;		
		list-style: none;
		
		text-align: center;
		font-size: 0.8em;
	}

		div#shop-tools ul li {
			display: inline;
			padding: 0 1.3em 0 2em;
			background: url(/images/ic_bullet_shop-tools.gif) left center no-repeat;
		}
		
		  div#shop-tools ul li.welcome {
		    background: none;
		    padding-left: 0;
		  }
		
			div#shop-tools ul li a {
			  color: #748c4b;
			}
			
				div#shop-tools ul li a:hover {
					text-decoration: underline;
				}


/*=========================================================================================================================
  Side Bar
=========================================================================================================================*/

div#search-bar {
	margin: 0 0 2px 0;
}

	div#search-bar input {
		margin: 0;
	}

	div#search-bar input.keywords {
		width: 132px !important;
		height: 16px;
	}
	
	div#search-bar input.find {
		width: 17px;
		height: 17px;
		margin: 0 0 -5px 0;
	}

div.side-menu {
	margin: -7px 0 0 -20px;
}

	div.side-menu li.catalog-menu-header {
		width: 200px;
		height: 41px;
		margin: 0 0 15px -12px;
		background: url(/images/catalog_menu_head.gif) no-repeat bottom left;
	}
	
		div.side-menu li.catalog-menu-header a {
			display: block;
			width: 100%;
			height: 100%;
			padding: 0;
			background: none;
		}
	
		div.side-menu li.catalog-menu-header span {
			display: none;
		}

	div.side-menu li.go-back {
		font-weight: bold;
		color: #333 !important;
	}


/*=========================================================================================================================
  Titles styles
=========================================================================================================================*/

.title-gradient {
	clear: both !important;
	padding: 2px 0 2px 4px;
	margin: 1.5em 0 1em 0 !important;
	border-bottom: none !important;
	background: url(/images/bg_gradient_title.gif) repeat-y;
	color: #fff !important;
}


/*=========================================================================================================================
  Notices
=========================================================================================================================*/

p.notice, p.error {
	padding: 0.5em 0 0.5em 33px;
	font-weight: bold;
	font-size: 1.2em;
}

	p.notice {
		color: #83c55a;
		background: url(/images/ic_notice.gif) top left no-repeat;
	}
	
	p.error {
		color: #e51e25;
		background: url(/images/ic_error.gif) top left no-repeat;
	}


/*=========================================================================================================================
  Tables styles
=========================================================================================================================*/

table {
	width: 100%;
	font-size: 0.9em;
	color: #454545;
}

	table thead {
		background: url(/images/bg_table_header.gif) left top repeat-x;
		color: #727272;
		font-weight: bold;
	}

	table th, table td {
		padding: 6px 3px;
	}
	
		table th {
			padding-bottom: 10px;
			border-top: 1px solid #d1d1d1;
			border-bottom: none;
		}
		
		table td {
			color: #444;
		}
		
			table td input {
				color: #444;
			}
			
			
/*=========================================================================================================================
  Forms styles
=========================================================================================================================*/
		
#content form {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 0.75em 0;
}

		#content form p {
			float: left;
			clear: both;
			width: 100%;
			margin: 0 0 1.5em 0;
		}
		
		  #content form div.subject {
		    float: left;
		    clear: both;
		    margin: 0 0 1.5em 0;
		  }
		  
		    #content form div.subject p {
		      margin: 0 0 0.5em 0;
		    }
		
			#content form p label, #content form p input {
				float: left;
			}
			
				#content form p label {
					width: 10em;
					margin: 0 1.2em 0 0;
					font-weight: bold;
					text-transform: capitalize;
				}
				
					span.required-field {
						float: none !important;
						color: #ff3333;
					}
				
				#content form p input, #content form p select {
					width: 14.5em;
					margin: -0.25em 0.75em 0 0;
				}
				
					#content form p .normal-sized-button {
						width: auto !important;
					}
					
				#content form p span {
					float: left;
					margin: 0 0.25em;
				}
				
				#content form p span.form-tips {
					float: left;
					clear: both;
					display: block;
					margin: 0 0 0 14em;
					width: 20.5em;
					font-size: 0.8em;
					font-style: italic;
				}
				
					#content form p.submit span.form-tips {
						margin: 0.3em 0 0 0 !important;
					}
					
					#content form p.submit span.user-agreement {
						font-weight: bold;
					}
				
			#content form p.checkbox { }
			
				#content form p.checkbox input {
					width: auto !important;
					margin: 0 0.75em 0 0;
				}
				
				#content form p.checkbox label {
					width: auto !important;
				}
				
			#content form p.submit {
				clear: both !important;
				line-height: 1.5em;
			}
			
				#content form p.submit input {
					width: auto !important;
					margin: 0 0.25em 0 0;
				}
				
				#content form p.submit a {
					font-weight: bold;
				}
				
			#content p.payment-information {
				font-size: 0.9em;
			}
		

/*=========================================================================================================================
  Form Errors Styles
=========================================================================================================================*/

div#errorExplanation {
	clear: both;
	padding: 1px 6px 10px 6px;
	margin: 0 0 1.5em 0;
	background: #ffe6e6 url(/images/bg_error_explanation.gif) no-repeat;
}

	div#errorExplanation h2 {
	  border-top: none !important;
	  padding: 3px 0 !important;
		border-bottom: 1px solid #ff6666 !important;
		
		line-height: 1.3em !important;
		color: #ff6666 !important;
	}

	div#errorExplanation ul {
		clear: both;
		margin-bottom: 0 !important;
	}
	
span.labelWithErrors, span.fieldWithErrors {
	margin: 0 !important;
}

	span.fieldWithErrors input, span.fieldWithErrors select {
		background: #ffe6e6;
	}
	

/*=========================================================================================================================
  Order-Content table styles
  As seen on the Shopping Cart page and Order View (from Order Status)
=========================================================================================================================*/

table.cart {
	margin: 0 !important;
}

	table.cart td {
		vertical-align: middle;
		font-weight: bold;
	}

	table.cart .item-photo {
		width: 110px;
		padding-right: 8px !important;
	}

		table.cart td.item-photo {
			text-align: center;
		}

	table.cart .item-description {
		width: 270px;
	}

	table.cart .item-quantity {
		width: 20px;
		text-align: center;
	}

		table.cart .item-quantity input {
			width: 15px;
			height: 15px;
			border: 1px solid #dddddd;
			margin: 0;
			padding: 4px 3px 2px 3px;
			background: url(/images/bg_quantity.gif) left bottom repeat-x;
			text-align: center;
		}

	table.cart .item-price, table.cart .price {
		text-align: right;
	}

	table.cart .item-remove {
		padding-right: 0 !important;
	}

		table.cart .item-remove img {
			margin: -0.1em 0 0 0;
		}

	table.cart tr.subtotal, table.cart tr.checkout { }

	 	table.cart tr.subtotal td.caption, table.cart tr.actions td.caption {
			padding-top: 11px !important;
		}

			table.cart tr.subtotal td.caption input {
				margin: 0 0.1em -0.5em 0;
			}

			table.cart tr.actions td.caption img {
				margin: 0 0 -0.55em 0;
			}

		table.cart tr.subtotal td.price {
			padding-top: 15px !important;
		}

			table.cart tr.order-status td.price {
				padding-top: 11px !important; /* Overrides previous style because there's no "update" button on
				                              Order Status page. */
			}

	table.cart tr.total td {
		border: none;
		padding: 9px 3px;
	}

		table.cart tr.total .caption {
			text-align: right;
			font-size: 1em;
		}

	table.cart tr.actions td {
		text-align: right;
	}

ol.faq {
	list-style: none;
	padding: 0;
	margin: 1.5em 0 0 0 !important;
	font-size: 0.9em;
}

	ol.faq li {
		margin-bottom: 1.5em;
	}

		ol.faq p.faq-question {
			margin-bottom: 0.5em;
			font-weight: bold;
		}

		ol.faq li li {
			margin-bottom: 0 !important;
		}


/*=========================================================================================================================
  Catalog Homepage styles
=========================================================================================================================*/

div.homepage-features {
	border-top: 1px solid #cccccc;
}

	div.homepage-features div.homepage-feature {
		clear: both;
		overflow: auto;
		width: 232px;
		padding: 20px 0 0 263px;
		margin: 0 0 -15px 0;
		border-bottom: 1px solid #cccccc;
	}
	
		div.homepage-feature img.feature-photo {
			float: left;
			margin: -20px 0 0 -263px;
		}
		
		div.homepage-feature h1 {
			font-weight: normal;
			font-size: 1.8em !important;
			line-height: 1.2em !important;
		}
		
			div.homepage-feature h1.new {
				padding: 2px 45px 4px 0;
				background: url(/images/ic_new.gif) right top no-repeat;
			}


/*=========================================================================================================================
  Product Category page
=========================================================================================================================*/

div.category-description {
	padding: 0 0 1em 0 !important;
}

	div.category-description ul, div.category-description ol {
		margin-bottom: 1em !important;
	}

ul.product-list {
	clear: both;
	float: left; /* To be modified for print stylesheet */
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

	ul.product-list p {
		margin: 0;
	}

	ul.product-list li {
		float: left;
		width: 145px;
		height: 200px;
		margin: 0 15px 1em 0;
	}
	
		ul.product-list li p.product-photo {
			position: relative;
			height: 130px;
			margin: 0 0 0.5em 0;
		}
		
			ul.product-list li p.product-photo a {
				position: absolute;
				bottom: 0;
				width: 100%;
				text-align: center;
			}
		
		ul.product-list li p.product-link {
			margin: 0 0 0.15em 0;
			line-height: 1em;
			font-size: 1.1em;
			font-weight: bold;
			text-align: center;
		}

		p.product-cat-no {
			font-weight: bold;
			text-align: center;
		}


/*=========================================================================================================================
  Product page
=========================================================================================================================*/

h1 span.cat-no {
	font-weight: normal !important;
	font-size: 0.8em;
	color: #333;
}

div#breadcrumbs {
	margin: 0 0 1em 0;
}

div.product-description {
	margin: 0 0 1em 0 !important;
}

div.product-details {
	float: left;
	width: 100%;
	margin: 0.5em 0 0 0;
}

	div.product-details div {
		float: left;
	}
	
		div.product-details div.product-photo {
			width: 180px;
			margin: 0 8px 0 0;
			text-align: center;
		}
	
		div.product-details div.product-information {
			width: 305px;
		}
		
			div.product-information table.product-specifications {
				margin: 0 0 8px 0 !important;
			}
				
			ul.product-items {
				float: left;
				list-style: none;
				margin: 0 !important;
				padding: 0;
				border-bottom: 1px solid #d1d1d1;
				width: 100%;
			}
			
				ul.product-items li {
					clear: both;
					float: left;
					width: 100%;
				}
				
					ul.product-items li span {
						float: left;
						margin: 1px 0 0 0;
					}
				
					ul.product-items span.item-quantity {
						padding: 0 2px;
						margin: 0 24px 0 0;
					}
					
						ul.product-items span.item-quantity input {
							width: 15px;
							height: 15px;
							border: 1px solid #dddddd;
							margin: 0;
							padding: 4px 3px 2px 3px;
							background: url(/images/bg_quantity.gif) left bottom repeat-x;
							text-align: center;
						} 
						
					ul.product-items span.item-price {
						line-height: 1.9em;
						font-weight: bold;
					}
					
					ul.product-items span.item-add-to-cart {
						float: right;
					}
					
						ul.product-items span.item-add-to-cart input {
							margin: 0 2px 0 0;
						}
						
						
/*=========================================================================================================================
  Order Status
=========================================================================================================================*/

table.order-status { }

	table.order-status .status-number {
		width: 100px;
		font-weight: bold;
	}
	
	table.order-status .status-received {
		width: 250px;
	}

	table.order-status .status-shipping {
		text-align: right;
		font-weight: bold;
	}
	
	
/*=========================================================================================================================
  Account Page
=========================================================================================================================*/

div.login-information, div.profile-addresses {
	float: left;
	clear: both;
	width: 100%;
}

	div.login-information p, div.profile-addresses p {
		float: left;
		clear: both;
		width: 100%;
	}
	
		div.login-information label, div.login-information span, div.profile-addresses label, div.profile-addresses span {
			float: left;
			margin: 0 1.2em 0 0;
		}
		
			div.login-information label, div.profile-addresses label {
				width: 10em;
				font-weight: bold;
			}
			
			div.login-information span, div.profile-addresses span {
				display: block;
				width: 200px;
			}
			

/*=========================================================================================================================
  Sign In Page
=========================================================================================================================*/

div.sign-in { }

	div.sign-in p.checkbox {
		width: 30em;
		margin: -0.5em 0 1em 11.2em !important;
	}

div.register { }

	div.register ul {
		margin-top: 1em !important;
		margin-bottom: 1em !important;
	}
	
	p.register { }
	
		p.register input {
			margin: 0 0 -0.5em 0.2em;
		}
		
		
/*=========================================================================================================================
  User Registration Page
=========================================================================================================================*/

div.account-information {
	float: left;
	clear: both;
	margin: 0.5em 0 0.5em 0;
}

input#country-code, input#regional-code {
	width: 1.75em !important;
	margin-right: 0 !important;
}

input#phone-number {
	width: 10.6em !important;
}


/*=========================================================================================================================
  Static Pages
=========================================================================================================================*/

/* Warranty Info ======================================================== */
ol.warranty {
	list-style: decimal;
	margin: 0 0 1em 2em !important;
}


/* Recipes ============================================================== */
div.sub-content ul, div.sub-content ol {
	margin-bottom: 1em !important;
}

table.product { }

	table.product th {
		border-top: none !important;
	}