/*** step2uk ***/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background-color: #ffffff;
	color: #000;
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a:hover, a:active { color: #c00; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

.float-right { float: right; margin: 0 0 10px 10px;}

#site-wrapper {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
}

	#site-header {
		width: 960px;
		height: 123px;
		background: #ffffff url(/images/bg-site-header.gif) repeat-x left bottom;
	}

		#site-header-lft {
			width: 123px;
			height: 123px;
			float: left;
		}

			#site-header-lft img { margin: 0 0 0 18px; }

		#site-header-rgt {
			width: 837px;
			height: 123px;
			float: right;
		}

			#site-header-rgt-top {
				width: 560px;
				height: 40px;
				margin: 10px 0 10px 277px;
			}

				#header-call-us {
					width: 140px;
					height: 40px;
					float: left;
					margin: 0 10px 0 0;
				}

				#header-shopcart {
					width: 131px;
					height: 26px;
					float: left;
					padding: 7px 2px;
				}

				#header-mini-cart {
					width: 190px;
					height: 40px;
					color: #e60f31;
					float: left;
					font-size: 0.7em;
					font-weight: bold;
					line-height: 40px;
					text-align: center;
				}

				#header-checkout {
					width: 85px;
					height: 26px;
					float: left;
					padding: 7px 0;
				}

			#site-header-rgt-bot {
				width: 837px;
				height: 63px;
			}

				#header-nav {
					width: 617px;
					height: 43px;
					float: left;
					margin: 10px 0;
				}

					#header-nav ul {
						width: 610px;
						height: 43px;
						line-height: 43px;
						list-style: none;
						margin: 0;
						padding: 0;
					}

						#header-nav ul li {
							height: 43px;
							background: transparent url(/images/bg-tn-li.gif) no-repeat right top;
							display: inline;
							float: left;
							line-height: 43px;
							list-style-type: none;
							text-align: center;
						}

							#header-nav ul li#hn-a { width: 93px; }
							#header-nav ul li#hn-b { width: 166px; }
							#header-nav ul li#hn-c { width: 144px; }
							#header-nav ul li#hn-d { width: 207px; background: none; }

							#header-nav ul li a:link, #header-nav ul li a:visited { color: #ffffff; text-decoration: none; }
							#header-nav ul li a:hover, #header-nav ul li a:active { color: #e60f31; text-decoration: underline; }

				#top-search {
					width: 220px;
					height: 43px;
					float: right;
					margin: 10px 0;
					position: relative;
				}

					input#SearchTxt {
						width: 146px;
						height: 22px;
						background: transparent url(/images/bg-search-txt.gif) no-repeat left top;
						border: none;
						font-size: 0.8em;
						line-height: 22px;
						margin: 0;
						padding: 2px 3px;
						position: absolute;
							left: 20px;
							top: 8px;
					}

					input#SearchBtn {
						width: 32px;
						height: 26px;
						margin: 0;
						padding: 0;
						position: absolute;
							right: 10px;
							top: 8px;
					}

	#site-top-nav {
		width: 960px;
		height: 30px;
		margin: 2px 0;
		padding: 0;
		z-index: 1000;
	}

		/* #site-top-nav UL controlled by mega-dropdown.css */

	#site-breadcrumb {
		width: 960px;
		height: 14px;
		color: #555555;
		font-size: 0.7em;
		line-height: 14px;
		margin: 4px 0;
	}

		#site-breadcrumb a:link, #site-breadcrumb a:visited { color: #555555; text-decoration: none; }
		#site-breadcrumb a:hover, #site-breadcrumb a:active { color: #000000; text-decoration: underline; }

		#site-breadcrumb strong a:link, #site-breadcrumb strong a:visited { color: #cc2d45; text-decoration: none; }
		#site-breadcrumb strong a:hover, #site-breadcrumb strong a:active { color: #cc2d45; text-decoration: underline; }

#footer-cards {
	width: 600px;
	height: 65px;
	margin: 10px auto 0 auto;
	padding: 0;
}

#site-footer {
	width: 930px;
	background: #ffffff url(/images/bg-footer.gif) no-repeat left top;
	font-size: 0.7em;
	margin: 15px 0 5px 0;
	padding: 15px 15px 0 15px;
}

	#site-footer-top {
		width: 930px;
		margin: 0 0 10px 0;
	}

		.site-footer-links {
			width: 180px;
			float: left;
			margin: 0 6px 0 0;
		}

			.site-footer-links p { margin: 0; }

			.site-footer-links p strong.sfl-title { color: #cc2d45; }

			.site-footer-links ul {
				width: 180px;
				list-style: none;
				margin: 5px 0;
				padding: 0;
			}

				.site-footer-links ul li {
					width: 180px;
					list-style-type: none;
					margin: 0;
					padding: 2px 0;
				}

					.site-footer-links ul li a:link, .site-footer-links ul li a:visited { color: #555555; text-decoration: none; }
					.site-footer-links ul li a:hover, .site-footer-links ul li a:active { color: #000000; text-decoration: underline; }


	#site-footer-bot {
		width: 930px;
	}

		#site-footer-bot-lft {
			width: 650px;
			float: left;
			line-height: 1.4em;
		}

		#site-footer-bot-rgt {
			width: 250px;
			float: right;
			text-align: right;
		}

		#site-footer-bot a:link, #site-footer-bot a:visited { color: #555555; text-decoration: underline; }
		#site-footer-bot a:hover, #site-footer-bot a:active { color: #000000; text-decoration: underline; }


	#home-page {
		width: 960px;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 10px 0 0 0;
		padding: 0;
	}

		#hp-columns {
			width: 100%;
			font-size: 0.85em;
			line-height: 1.5em;
			margin: 32px 0 0 0;
		}

			.hp-column {float:left;width:234px;}
			.hp-column h2 {
				color:#cc2d45;
				font-size: 1.3em !important;
				font-weight: normal;
				margin: 0 0 .5em 35px;
			}

			.hp-column h2 sup {position:relative;top:-7px;}
			.hp-column_image {float:left;height:97px;margin:0 0 .5em 0;text-align:center;width:100%;}
			.hp-column_image img {width:185px;}
			.hp-column_text { display:inline; float:left; padding: 0 0 0 35px; width:199px; text-align: left; }

			.hp-column_text span.hp-column_text_header { color:#cc2d45; text-decoration:none !important;}

				#hp-columns .hp-column_text span.hp-column_text_header a:link, #hp-columns .hp-column_text span.hp-column_text_header a:visited {
					color: #cc2d45;
					text-decoration: none;
				}

				#hp-columns .hp-column_text span.hp-column_text_header a:hover, #hp-columns .hp-column_text span.hp-column_text_header a:active {
					text-decoration:underline !important;
				}

			.hp-column_text input {width:134px;}
			.hp-column_text .search_go {background:url(/images/btn_go.gif) no-repeat;border:none !important;cursor:pointer;height:21px;vertical-align:middle;width:31px;margin-top:-10px !important;}
			.hp-column_text span.privacy_policy { float: right; width: 124px; padding-right: 14px; }
			.hp-column_text span.privacy_policy a {color:#585858 !important;}
			.hp-column_text ul { margin: 0; padding: 0 0 0 10px; }
			.hp-column_text ul li { margin: 0; padding: 0; }
			.hp-column_text li a {color:#555555 !important;text-decoration: none;}
			.hp-column_text li a:hover { color:#cc2d45 !important; text-decoration: underline; }
			.hp-column_text .social_list {
				clear: both;
				display: inline;
				float: right;
				padding: .5em 61px 0 0;
				text-align: right;
				width: 110px;
				}
			.hp-column_text .social_list a {text-decoration:none;}
			.hp-column_text ul.article_list {list-style: none; margin: 0 !important;}
			.hp-column_text ul.article_list li {margin:0 0 .5em 0;}
			.hp-column_text ul.article_list li a {text-decoration: underline;}
			.hp-column_text ul.article_list li a:hover {text-decoration: none;}
			.hp-column_divider {background:url(/images/column_bg.jpg) no-repeat;float:left;width:1px;height:274px;}

			#hp-columns p.no-margin { margin: 0 0 5px 0; }

		#hp-columns:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		#home-page-features {
			width: 960px;
			font-size: 0.9em;
		}

			#home-page-features h2 {
				color: #fdb825;
				font-size: 1.4em;
				margin: 15px 0 0 0;
			}

			#HomeFeats-brokerage {
				width: 960px;
				margin: 5px 0;
				padding: 10px 0;
			}

				.hfeats-brok-row {
					border-bottom: 1px solid #e6e6e6;
				}

					.hfeats-brok-cell {
						width: 191px;
						border-right: 1px solid #e6e6e6;
						float: left;
						text-align: center;
						padding: 20px 0;
					}

					.hfeats-brok-cell-last {
						width: 192px;
						border-right: none;
					}

						.hfeats-brok-cell img { margin-bottom: 5px; }

						.cbc-homefeats {
							width: 180px;
							line-height: 1.4em;
							padding: 0 5px;
							text-align: left;
						}

							.cbc-homefeats a:link, .cbc-homefeats a:visited { color: #71c167; text-decoration: none; }
							.cbc-homefeats a:hover, .cbc-homefeats a:active { color: #fdb825; text-decoration: underline; }

	#category-page, #age-page, #collections-page, #offers-page, #newprods {
		width: 960px;
		margin: 10px 0 0 0;
		padding: 0;
	}

		#cat-page-lft {
			width: 770px;
			float: left;
			font-size: 0.7em;
			margin: 0;
			padding: 0;
		}

			#category-header {
				width: 270px;
				height: 150px;
				color: #fff;
				line-height: 1.5em;
				margin: 0;
				padding: 17px 485px 0 15px;
			}

				.cathead-cat { background: #ffffff url(/images/bg-category-header.gif) no-repeat left top; }
				.cathead-age { background: #ffffff url(/images/bg-age-header.gif) no-repeat left top; }
				.cathead-col { background: #ffffff url(/images/bg-collections-header.gif) no-repeat left top; }
				.cathead-off { background: #ffffff url(/images/bg-offers-header.gif) no-repeat left top; }
				.cathead-new { background: #ffffff url(/images/bg-new-prods-header.gif) no-repeat left top; }

				#category-header h1 {
					font-weight: normal;
					font-size: 2.0em;
					line-height: 1.2em;
				}

			#cat-page-lft h1.brokerage {
				color: #fdb825;
				font-weight: normal;
				margin-top: 15px;
			}

			#categories-brokerage {
				width: 768px;
				margin: 5x 1px;
				padding: 10px 0;
			}

				.cat-brok-row {
					border-bottom: 1px solid #e6e6e6;
				}

					.cat-brok-cell {
						width: 191px;
						border-right: 1px solid #e6e6e6;
						float: left;
						text-align: center;
						padding: 20px 0;
					}

					.cat-brok-cell-last {
						width: 192px;
						border-right: none;
					}

						.cat-brok-cell img { margin-bottom: 5px; }

						#category-page .cat-brok-cell a:link, #category-page .cat-brok-cell a:visited { color: #b18fc2; text-decoration: none; }
						#category-page .cat-brok-cell a:hover, #category-page .cat-brok-cell a:active { color: #fdb825; text-decoration: none; }

						#age-page .cat-brok-cell a:link, #age-page .cat-brok-cell a:visited { color: #0082c8; text-decoration: none; }
						#age-page .cat-brok-cell a:hover, #age-page .cat-brok-cell a:active { color: #fdb825; text-decoration: none; }

						#collections-page .cat-brok-cell a:link, #collections-page .cat-brok-cell a:visited { color: #71c167; text-decoration: none; }
						#collections-page .cat-brok-cell a:hover, #collections-page .cat-brok-cell a:active { color: #fdb825; text-decoration: none; }

						#offers-page .cat-brok-cell a:link, #offers-page .cat-brok-cell a:visited { color: #ef3f35; text-decoration: none; }
						#offers-page .cat-brok-cell a:hover, #offers-page .cat-brok-cell a:active { color: #fdb825; text-decoration: none; }

						#newprods-page .cat-brok-cell a:link, #newprods-page .cat-brok-cell a:visited { color: #fdbb31; text-decoration: none; }
						#newprods-page .cat-brok-cell a:hover, #newprods-page .cat-brok-cell a:active { color: #fdb825; text-decoration: none; }

						.cbc-categories {
							width: 180px;
							line-height: 1.4em;
							padding: 0 5px;
							text-align: left;
						}

							.cbc-categories a:link, .cbc-categories a:visited { color: #71c167; text-decoration: none; }
							.cbc-categories a:hover, .cbc-categories a:active { color: #fdb825; text-decoration: underline; }

		#cat-page-rgt {
			width: 177px;
			float: right;
		}

			#page-rgt-rec {
				width: 177px;
				background: #ffffff url(/images/bg-page-rgt-rec.gif) no-repeat left bottom;
				padding: 0 0 15px 0;
			}

				#page-rgt-rec-items {
					width: 167px;
					background: #e6e6e6 url(/images/bg-page-rgt-rec-items.gif) no-repeat left top;
					margin: 5px 5px 0 5px;
					padding: 0;
				}

					.pp-rec-item {
						width: 150px;
						color: #555555;
						font-size: 0.7em;
						margin: 0 0 10px 8px;
						padding: 5px 0 0 0;
					}

						.pp-rec-item img.pp-rec-item-img {
							width: 120px;
							height: 120px;
							margin: 5px 15px;
						}

						.pp-rec-item p.pp-rec-item-txt {
							margin: 3px 0;
						}

						.pp-rec-item p.pp-rec-item-stars {
							display: none; /* temporary */
							margin: 3px 0;
						}

							.pp-rec-item p.pp-rec-item-txt strong a:link, .pp-rec-item p.pp-rec-item-txt strong a:visited { color: #71c167; text-decoration: none; }
							.pp-rec-item p.pp-rec-item-txt strong a:hover, .pp-rec-item p.pp-rec-item-txt strong a:active { color: #555555; text-decoration: underline; }

							.pp-rec-item p.pp-rec-item-txt img {
								float: left;
								margin: 3px 2px 0 0;
							}

					#page-rgt-rec-items-base {
						width: 167px;
						height: 8px;
						background: transparent url(/images/bg-page-rgt-rec-items-base.gif) no-repeat left top;
						font-size: 0.3em;
						line-height: 8px;
						margin: 0 0 0 0;
					}

	#custserv-page {
		width: 960px;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 10px 0 0 0;
		padding: 0;
	}

		#custserv-lft {
			width: 170px;
			float: left;
			font-size: 0.9em;
		}

			#custserv-lft ul {
				width: 170px;
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#custserv-lft ul li {
					border-bottom: 1px solid #e6e6e6;
					list-style-type: none;
					margin: 0;
					padding: 3px 0;
				}

					#custserv-lft ul li a:link, #custserv-lft ul li a:visited { color: #555; text-decoration: none; }
					#custserv-lft ul li a:hover, #custserv-lft ul li a:active { color: #b18fc2; text-decoration: none; }

		#custserv-rgt {
			width: 770px;
			float: right;
		}

			#custserv-header {
				width: 270px;
				height: 150px;
				color: #fff;
				line-height: 1.5em;
				margin: 0 0 20px 0;
				padding: 17px 485px 0 15px;
			}

				#custserv-header h1 {
					font-weight: normal;
					line-height: 1.2em;
				}

				#custserv-header a:link, #custserv-header a:visited { color: #fff; text-decoration: underline; }
				#custserv-header a:hover, #custserv-header a:active { color: #fdb825; text-decoration: underline;}

		#custserv-page h2 {
			color: #b18fc2;
			font-size: 1.2em;
			margin: 10px 0 0 0;
			padding: 0;
		}

		#custserv-page a:link, #custserv-page a:visited { color: #000; text-decoration: underline; }
		#custserv-page a:hover, #custserv-page a:active { color: #b18fc2; text-decoration: underline; }


		h1.custserv  {
			font-weight: normal;
			font-size: 1.8em;
			color: #b18fc2;
			padding: 0px 0 10px 0;
		}

	#search-page {
		width: 960px;
		font-size: 0.8em;
		line-height: 1.6em;
		margin: 10px 0 0 0;
		padding: 0;
	}

/***** NEWSLETTER SIGN UP *****/


#newslettersignup {
    font-size: 1em;
}

#newslettersignup label {
    display: block;
    float: left;
    text-align: left;
    width: 200px;
}

#newslettersignup input, select {
    margin: 0px 0px 5px 0px;
}

#newslettersignup h2 {
    font-size: 1.1em;
    margin: 30px 0px 10px 0px;
}

#newslettersignup ul  {
    margin: 5px 0px 5px 0px;
}

#newslettersignup ul li {
    line-height: normal;
}

#newslettersignup img {
    vertical-align: middle;
}

#newslettersignup a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    line-height: 32px;
    font-weight: bold;
}

#newslettersignup a.remove {
    font-weight: normal;
    font-size: 11px;
    line-height: 8px;
}

#midcolumn p.coupon {
    font-size: 24px;
    text-align: center;
}

.err {
    border: 1px solid #600;
    background: #F99;
    color: #600;
    text-align: center;
    padding: 10px;
    width: 500px;
    font-size: 12px;
}