#container { 
	margin: 0 auto; width: 856px; 
}

#header { 
	height: 180px; 
}

#logo {
	height: 133px;
	display: inline;
	float: left;
	font-size: 0px;
	line-height: 0px;
	width: 279px;
	z-index: 1;
	position: relative;
	left: -36px;
	a {
		display: block;
		height: 133px;
		width: 100%;
		background: url(images/logo.gif) repeat scroll 0 0 transparent;
	}
}

#slogan {
	height: 34px;
	display: inline;
	float: right;
	width: 400px;
	margin-top: 41px;
	background: url(images/slogan.gif) repeat scroll 0 0 transparent;
}

#headerFB {float:right;color:#fff;margin-top:55px;}

#nav {
	background: url(images/nav.jpg) repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #010103;
	height: 46px;
	ul {
		display: inline;
		float: left;
		height: 36px;
		list-style-type: none;
		padding: 5px 0 0 4px;
		li {
			border-right: 1px solid #FFF;
			float: left;
			height: 36px;
			padding: 0 20px;
			text-transform: uppercase;
			a {
				color: #FFF;
				float: left;
				line-height: 36px;
				cursor: pointer;
				text-decoration: none;
				text-align: left;
			}
		}
	}
}

.search-form {
	display: inline;
	float: right;
	padding: 11px 13px 0 0;
	width: 200px;
	fieldset {
		border:  0 none;
	}
	.field {
		background: none repeat scroll 0 0 #CCC;
		border: 1px solid #717171;
		color: #4E4E4E;
		display: inline;
		float: left;
		font-size: 12px;
		padding: 3px 0px 3px 3px;
		width: 161px;
	}
	.submit {
		background: url(images/go.gif) repeat scroll 0 0 transparent;
		border: 0 none;
		cursor: pointer;
		display: inline;
		float: left;
		height: 22px;
		width: 26px;
		margin-left: 7px;
		font-size: 0px;
		line-height: 0px;
	}
}

#main {
	.left-products {
		.single-post {
			margin-left: 28px;
			.post {
				p {
					iframe#storeLocator {
						margin-left: -20px;
					}
				}
			}
		}
	}
	.single-post.blog {
		color: #666766;
		  font-size: 14px;
		  margin-left: 10px;
		  margin-top: 3px;
		  padding: 12px 0 4px 25px;
		  margin-right: 7px;
		  text-align: left;
		  background:url("images/gradient.jpg") repeat-x scroll 0 0 #D6D5D5;
	}
	.single-post {
	    a {
	    	color: #CB2027;
	    	text-decoration: none;
	    	&:hover {
	    		text-decoration: underline;
	    	}
	    }
		h2 {
		    color: #22205F;
		    font-size: 28px;
		    font-weight: normal;
		    line-height: 30px;		
		}
	    h2.pagetitle {
	    	color: #555;
	    	font-size: 32px;
			line-height: 35px;
			margin-top: 15px;
			margin-left:10px;
	    }
		h5 {
			font-size: 11px;
		}
		ul {
			list-style-type: disc;
			padding-left: 30px;
			li {
				padding: 4px 0 4px 10px;
			}
		}
		p {
			padding: 0 18px 0 0;
		}
	}
	
	
	background-color: #F4F4F4;
	.headline {
		height: 132px;
		width: 856px;
		margin: 0;
		padding: 0;
	}
	.carousel-wrapper {
		width: 581px;
		height: 544px;
		background: none repeat scroll 0 0 #6F6F6F;
		padding: 11px 0 0 11px;
		
	}
	.left {
		display: inline;
		float: left;
		width: 592px;
		#menu-title {
			height: 33px;
			widows: 101px;
			color: #4C4B4B;
			font-size: 34px;
			line-height: 34px;
			margin: 1px 0 9px 10px;
			select {
				font: 12px arial;
				color: #000;
				float: right;
				margin: 0 10px 0 0;
			}
		}
		.back2cat { 
			display:block; 
			font-size:9px;
			line-height:24px;
			padding-left:3px;
			span { 
				display:inline-block; padding:0 5px; color:orange;
			} 
			font-weight:bold;
			text-decoration:none;
		}
		.category-menu {
			@menu-text: #e8e7e7;
			width: 128px;
			padding:2px 4px 0 0;
			display: inline-block;
			background:#e8e7e7;
			ul {
				list-style-type: none;
				font-weight: bold;
				li.category-root {
					height: 100%;
					margin:0 !important;
					padding:0 !important;
					border-bottom:1px solid #E8E7E7;
					.last {
					}
					a {
						color: @menu-text;
						float: none;
						display:block;
						font-size: 15px;
						padding-left: 13px;
						font-weight: bold;
						line-height: 24px;
						cursor: pointer;
						background:#666;
						color:#fff;
						&:hover {
							font-weight: bold;
							background-color: #333;
							text-decoration:none;
						}
					}
					ul {
						padding:2px 0 8px;
						li.category-sub {
							.last {
								/*margin-bottom: 8px;*/
							}
							a {
								font-size: 11px;
								line-height:24px;
								color:#666;
								background:#e8e7e7;
								margin-bottom: 0;
								cursor: pointer;
								&:hover {
									font-weight: bold;
									background-color: #DEDEDE;
								}
							}
						}
						.current-cat a { 
							background: #c00 !important;
							color:#fff !important;
						}
						a:hover { 
							background: #c00 !important;
							color:#fff !important;
						}
					}
				}
			}
		}
	}
	.right {
		display: inline;
		float: right;
		width: 264px;
		background-color: #F4F4F4;
	}
	@tri-border-color: #B9B6B6;
	.left-products {
		.left;
		width: 591px;
		border-right: 1px solid @tri-border-color;
		height:auto !important; height:690px; min-height:690px; 
		.product-detail-wrapper {
			padding: 10px;
			.breadcrumbs {
				font-size: 11px;
				width: 440px;
				text-align: left;
				a {
					color: #224466;
					cursor: pointer;
					text-decoration: none;
					&:hover {
						text-decoration: underline;
					}
				}
			}
			.product-title {
				color: #22205F;
				font-size: 20px;
				font-weight: normal;
				margin: 8px 0;
				float:left;
				display:inline;
			}
			.badges {
				list-style:none;
				float:left;
				display:inline;
				padding:8px 0 0 17px;
				li { float:left; display:inline; padding-right:10px; }
			}
		}
		.detail-prices {
			width: 350px;
			float: right;
			margin-top: 12px;
			.original-price {
				width: 132px;
				text-decoration: line-through;
				font-size: 12px;
			}
			.value-price {
				width: 132px;
				font-size: 12px;
			}
			.savings {
				width: 132px;
				color: #CB2027;
				font-size: 12px;
			}
			.disclaimer {
				padding: 20px 10px 0 0;
				font-size: 12px;
			}
		}
		.detail-image {
			margin: 0 0 0 16px;
			float: left;
			display:inline;
		}
		.product-features {
			margin-left: 10px;
			width: 350px;
			float: right;
			display:inline;
			p {
				font-size: 12px;
			}
		}
		.dashed-line {
			height: 10px;
			border-bottom: 1px dashed #CCCCCC;
			float: right;
			width: 320px;
			margin-right: 30px;
		}
		.multicolumns {
			width: 440px;
			display: inline-block;
			float: right;
			.breadcrumbs {
				font-size: 11px;
				width: 440px;
				text-align: left;
				a {
					color: #224466;
					cursor: pointer;
					text-decoration: none;
				}
			}
			h3 {
				margin: 4px 0 8px 0;
			}
			.product {
				width: 440px;
				ul {
					list-style-type: none;
					li {
						float: left;
						margin: 0 12px 10px 0;
						.product-image {
							position: relative;
							width: 124px;
							height: 132px;
							span {
								position: absolute;
								font-size: 11px;
								line-height: 24px;
								img {
									vertical-align: middle;
									margin: -4px 4px 0 0;
								}
							}
							a {
								cursor: pointer;
								img {
									width: 124px;
									height: 124px;
								}
							}
							.badges { 
								list-style: none;
								position: absolute;
								bottom: 10px;
								left: -10px;
								li {
									margin:0;
									display:block;
									float:none;
								}
						 	}
						}
						.product-title {
							width: 132px;
							position:relative;
							h2 {
								height: 30px;
								overflow: hidden;
								line-height: 15px;
								a {
									color: #CB2027;
									font-size: 13px;
								}
							}
						}
						.original-price {
							width: 132px;
							text-decoration: line-through;
							font-size: 12px;
						}
						.value-price {
							width: 132px;
							font-size: 12px;
						}
						.savings {
							width: 132px;
							color: #CB2027;
							font-size: 12px;
						}
					}
				}
			}
			.pagination {
				float: right;
				text-align: right;
				margin: 0 25px 10px 0;
				width: 100%;
				.current {
					text-decoration: underline;
				}
				.prev {
					width: 10px;
					height: 20px;
					background: url(images/left-arr.gif) no-repeat scroll 0 0 transparent;
					padding: 0 5px;
					vertical-align: middle;
				}
				.next {
					width: 10px;
					height: 20px;
					background: url(images/right-arr.gif) no-repeat scroll 0 0 transparent;
					padding: 0 5px;
					vertical-align: middle;
				}
				a {
					margin-left: 8px;
					font-size: 18px;
					color: #999;
				}
			}
		}
		.hot-deals {
			display: inline-block;
			float:right;
			margin: 10px 21px 60px 0;
			.hotdeals-header {
				width: 407px;
				height: 63px;
			}
			.hot-deal-item {
				width: 385px;
				border-left: 1px;
				border-bottom: 1px;
				border-right: 1px;
				border-style: solid;
				border-color: #CCC;
				padding: 10px;
				background-color: #FFF;
				.left {
					width: 132px;
					img {
						float: left;
						width: 124px;
						height: 124px;
					}
					span {
						text-decoration: line-through;
						float: left;
						margin-top: 8px;
					}
				}
				.right {
					width: 218px;
					background-color: #FFF;
					h2 {
						height: 132px;
						width: 220px;
						a {
							font-size: 20px;
							color: #666;
						}
					}
					span {
						color: #CB2027;
						font-size: 13px;
						margin-top: 8px;
					}
					.coupon {
						float: right;
						margin-right: 8px;
						img {
							vertical-align: bottom;
							margin-right: 4px;
						}
						a {
							color: #333;
							font-size: 14px;
							vertical-align: bottom;
						}
					}
				}
			}
		}
	}
	.right-products {
		.right;
	}	
	.tri-block {
		border-top: 1px solid @tri-border-color;
		list-style-type: none;
		width: 592px;
		background-color: #FFF;
		li {
			border-bottom: 1px solid @tri-border-color;
			border-right: 1px solid @tri-border-color;
			padding: 8px 0 8px 10px;
			.poll-wrapper {
				background: url(images/grey-rep.jpg) repeat-x scroll #D8D8D7;
				min-height: 180px;
				width: 573px;
			}
			.recent-posts-wrapper {
				
				width: 573px;
				ul {
					background: url(images/gradient.jpg) repeat-x scroll 0 0 #D6D5D5;
					list-style-type: none;
					margin-bottom: 8px;
					li {
					border: 0 none;
						.post {
							background: url(images/brd.gif) no-repeat scroll 0 bottom transparent;
							padding: 12px 0;
							margin-left: 30px;
							min-height:169px;
							img {
								border: 1px solid #BAB9B9;
								float: left;
								margin: 0 22px 5px 0;
							}
							h2 {
								color: #22205F;
								font-size: 28px;
								font-weight: normal;
								line-height: 30px;
								a {
									color: #22205F;
									cursor: pointer;
									text-decoration: none;
									&:hover {
										text-decoration: underline;
									}
								}
							}
							strong {
								color: #66766;
								display: block;
								font-size: 12px;
							}
							p {
								font-size: 14px;
								padding: 5px 20px 10px 0;
							}
							p.postmetadata {
								color: #000;
								font-size: 11px;
								height: 20px;
								padding: 6px 10px 0 0;
								text-align: right;
								word-spacing: -1px;
								a {
									color: #000;
									font-size: 11px;
									font-weight: bold;
									text-decoration: underline;
									&:hover {
										text-decoration: none;
									}
								}
							}
						}
					}
				}
			}
		}
		li.last {
			border-bottom: 0 none;
			padding-bottom: 0px;
		}
	}
	
	.callout-block {
		width: 264px;
		height: 210px;
		.callout {
			padding: 17px 0 0 0;
			margin: 0 auto;
			width: 233px;
		}
	 }
	.video-block {
		width: 264px;
		height: 210px;
		padding: 17px 0 0 0;
		background: url(images/radial-area.gif) repeat scroll 0 0 transparent;
		.videos {
			margin: 0 auto;
			width: 233px;
		}
		.videos a { color:#f6f72d; font-size:12px;}
	}
	.column-links {
		width: 260px;
		background-color: #F4F4F4;
		.dunham-rewards {
			background: url(images/join.jpg) repeat scroll 0 0 transparent;
		/*	height: 103px; */
			height: 144px;
			width: 222px;
			margin: 16px 0 0 20px;
			h3 {
				background: url(images/h3-join.gif) repeat scroll 0 0 transparent;
				height: 40px;
				width: 203px;
				margin: 10px 0 0 13px;
				font-size: 0px;
				line-height: 0px;
			}
			p {
				color: #FFF;
				font-size: 12px;
				text-align: center;
			}
			/* new */
			.percent {
				color: #9a1317;
				font-size: 14px;
				font-weight: bold;
			}
			form {
				padding: 7px 0 0 14px;
				fieldset {
					border: 0 none;
				}
				#email {
					background: none repeat scroll 0 0 #FFF;
					border: 1px solid #4E4D4D;
					color: #4E4E4E;
					float: left;
					padding: 4px 0 3px 2px;
					width: 134px;
					font: 12px Ariel,sans-serif;
					text-align: left;
				}
				#reward-submit {
					background: url(images/sbmt.gif) repeat scroll 0 0 transparent;
					border: 0 none;
					cursor: pointer;
					float: left;
					height: 22px;
					width: 58px;
					margin: 0 0 0 3px;
					font-size: 0px;
					line-height: 0px;
				}
			}
		}
		.articles {
			margin: 0 auto;
			padding: 19px 0 0 0;
			width: 229px;
			ul {
				list-style-type: none;
				li.last {
					border: 0 none;
					a.rss {
						background: url(images/rss.gif) no-repeat scroll right 0 transparent;
						color: #224466;
						font-weight: normal;
						margin: 12px 0 0 10px;
						padding: 0 30px 0 0;
						font: 14px Arial,sans-serif;
						text-align: left;
						text-decoration: none;
						line-height: 19px;
						&:hover {
							text-decoration: underline;
						}
					}
				}
				li {
					border-bottom: 1px solid @tri-border-color;
					margin: 0 0 10px 0;
					padding: 0 0 10px 5px;
					width: 224px;
					h3 {
						padding-left: 34px;
						height: 27px;
						line-height: 27px;
						a {
							color: #22205F;
							font-size: 18px;
							font-weight: normal;
							word-spacing: -3px;
							text-decoration: none;
							margin: 0;
							float: left;
							&:hover {
								text-decoration: underline;
							}
						}
					}
					p {
						color: #666766;
						font-size: 12px;
						line-height: 20px;
					}
					a {
						color: #000;
						font-size: 12px;
						font-weight: bold;
						margin-top: -15px;
						display: inline;
						float: right;
					}
				}
			}
		}
	}
}

#footer {
	color: #999;
	font-size: 12px;
	padding: 11px 0;
	height: 20px;
	.copyright {
		float: right;
	}
	ul {
		display: inline;
		float: left;
		height: 36px;
		list-style-type: none;
		padding: 5px 0 0 4px;
		width: 100%;
		li {
			float: left;
			a {
				text-decoration: none;
				color: #FFF;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}




.grey-box {
    background: none repeat scroll 0 0 #6F6F6F;
    height: 357px;
    margin-bottom: 188px;
    position: relative;
    width: 581px;
}
.grey-box .jcarousel-clip {
    height: 537px;
    overflow: hidden;
    position: relative;
    width: 574px;
}
.grey-box ul {
    list-style-type: none;
    overflow: hidden;
    position: relative;
    width: 574px;
}
.grey-box li {
    float: left;
    height: 537px;
    overflow: hidden;
    position: relative;
    width: 574px;
}
.grey-box li img {
}
.grey-box li img.tiny {
    border: 1px solid #FFFFFF;
    left: 435px;
    top: 184px;
}
.home-carousel {
    height: 292px;
    overflow: hidden;
    position: relative;
    width: 571px;
}
.grey-box .sm-nav {
    position: absolute;
    right: 28px;
    top: 250px;
    z-index: 20;
}
.grey-box .sm-nav a {
    color: #999999;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-left: 8px;
    padding-top: 8px;
}
.grey-box .sm-nav .sm-links {
    float: left;
}
.grey-box .sm-nav a.active {
    color: #9A1317;
    text-decoration: none;
}
.grey-box .sm-nav a:hover {
    color: #9A1317;
    text-decoration: none;
}
.grey-box .sm-nav a.rarr {
    background: url("images/rarr.gif") repeat scroll 0 0 transparent;
    height: 20px;
    margin-top: 8px;
    padding-top: 0;
    width: 10px;
}
.grey-box .sm-nav a.larr {
    background: url("images/larr.gif") repeat scroll 0 0 transparent;
    height: 20px;
    margin-top: 8px;
    padding-top: 0;
    width: 10px;
}

.deal-box {
    background: url(images/deal-box.jpg) repeat scroll 0 0 transparent;
    height: 180px;
    margin-top: 50px;
    position: relative;
    top: 16px;
    width: 574px;
}
.deal-box .image {
    display: inline;
    zoom: 1;
    float: left;
    position: relative;
    width: 574px;
    z-index: 1;
    a {
    	display: inline-block;
    	float: left;
    	margin-left: 8px;
    }
}
.deal-box .image img {
    /* border: 2px solid #6D6C6C; */
    display: block;
}
.deal-box .info {
    float: left;
    padding: 0 0 0 22px;
    position: relative;
    top: 20px;
    width: 320px;
}
.deal-box-holder {
    height: 154px;
    overflow: hidden;
    position: relative;
    top: -45px;
    width: 574px;
}
.deal-box .jcarousel-clip {
    height: 154px;
    list-style-type: none;
    overflow: hidden;
    position: relative;
    width: 574px;
}
.deal-box ul {
    height: 154px;
    list-style-type: none;
    position: relative;
    width: 574px;
}
.deal-box ul li {
    border: 0 none !important;
    float: left;
    height: 154px;
    padding: 0 !important;
    width: 574px;
}
.small-thumbs {
    font-size: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 200px;
    visibility: hidden;
    z-index: 20;
}
h3.hot-deals {
    background: url(images/hot-deals.gif) repeat scroll 0 0 transparent;
    display: inline;
    zoom:1;
    float: left;
    height: 46px;
    margin: 11px 115px 0 0;
    width: 217px;
}
.small-thumbs img {
    border: 1px solid #000000;
    display: none;
    left: 460px;
    position: absolute;
    top: 0;
}
.small-thumbs img.img1 {
}
.small-thumbs img.img2 {
    left: 483px;
}
.small-thumbs img.img3 {
    left: 498px;
}
.notext {
	line-height: 0px;
	font-size: 0px;
}
.dirtyhack {
    background-color: #FFFFFF;
    height: 189px;
    left: -11px;
    position: absolute;
    top: 355px;
    width: 591px;
    border-right: 1px solid #B9B6B6;
}