/* -----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------
	
	Woof & Poof
	Stylesheet: public/main.css
	Author: Neal Barrow, chicowebdesign.com
	Version: February 18, 2010
	
--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------------
GLOBAL
----------------------------------------------------------------------------------- */



* {
	outline: none;
	margin: 0;
	padding: 0;
	}
img {
	display: block;
	border: none;
	}
p {
	padding: 0 0 5px 0;
	line-height: 18px;
	color: #9D9D9D;
	}
strong {
	}
/* -----------------------------------------------------------------------------------
GLOBAL WIDTH
----------------------------------------------------------------------------------- */
#wrapper {
	width: 960px;
	margin: 0 auto;
}

/* -----------------------------------------------------------------------------------
GENERAL CLASSES
----------------------------------------------------------------------------------- */
.hidden {
	display: none;
	}
.clear {
	clear: both;
	}
	span.clear {
		clear: both !important;
		display: block !important;
		}
.padding {
	padding: 10px;
	}
	
/* -----------------------------------------------------------------------------------
CLEAR FIX
----------------------------------------------------------------------------------- */	
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -----------------------------------------------------------------------------------
HTML, BODY
----------------------------------------------------------------------------------- */
/*html, body {
	height: 100%;
	}*/
	
body {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	background: #FFF;
	}

	/* -----------------------------------------------------------------------------------
	BODY -- WRAPPER -- HEADER
	----------------------------------------------------------------------------------- */
	#header {
		position: relative;
		margin: 10px 0;
		}
			
		/* -----------------------------------------------------------------------------------
		BODY -- WRAPPER -- HEADER -- LOGO
		----------------------------------------------------------------------------------- */
		#header .logo {
			width: 99px;
			height: 125px;
			display: block;
			margin: 0 0 0 15px;
			float: left;
			}
			#header .logo a {
				display: block;
				background: url(../image/layout/logo.gif) no-repeat 0 0;
				line-height: 125px; /* LINE HEIGHT = ('#header .logo' HEIGHT) */
				text-indent: -9999px;
				overflow: hidden;
				}

			/* -----------------------------------------------------------------------------------
			BODY -- WRAPPER -- HEADER -- NAVIGATION
			----------------------------------------------------------------------------------- */
			#header .navigation {
				float: left;
				padding: 80px 0 0 43px;
				}
				#header .navigation li {
					float: left;
					list-style: none;
					text-indent: -9999px;
					margin-right: 30px;
					}
				#header .navigation .first {
					border-left: none;
					}
					#header .navigation li a {
						display: block;
						padding: 0;
						height: 11px;
						overflow: hidden;
						}
						#header .navigation .find_a_retailer a {
							background: url(../image/layout/nav_find_a_retailer.gif) no-repeat 0 0;							
							width: 130px;
							}
						#header .navigation .about_us a {
							background: url(../image/layout/nav_about_us.gif) no-repeat 0 0;							
							width: 77px;
							}
						#header .navigation .contact_us a {
							background: url(../image/layout/nav_contact_us.gif) no-repeat 0 0;							
							width: 100px;
							}
						#header .navigation .showroom a {
							background: url(../image/layout/nav_showroom.gif) no-repeat 0 0;							
							width: 171px;
							}
						#header .navigation li a:hover {
							background-position: 0 -11px;
							}
					#header .navigation .active a {
						color: #222222;
						font-weight: bold;
						}
						#header .navigation .active a:hover {
							text-decoration: none;
							}
		/* -----------------------------------------------------------------------------------
		BODY -- WRAPPER -- CONTENT
		----------------------------------------------------------------------------------- */
		#content_outer {
			width: 939px;
			margin: 0 0 28px 0;
			border: 9px solid #A2A2A2;
			background: url(../image/layout/bg_right_col.jpg) repeat 100% 0;
			}
			#content_outer.home {
				background: none;
				
				}
		#content {
			background: url(../image/layout/bg_right_col_top.jpg) no-repeat 100% 0;
			position: relative;
			}
			#content_outer.home #right_column_outer {
				background: url(../image/home/bg_right_trans.png) no-repeat 0 0;
				behavior: url(/ui/public/stylesheet/iepngfix.htc);
				}
			#content_outer.home #content {
				background: #f64d77;
				height:472px;
				overflow:hidden;
				}
			#content_outer.home #content.apron {
				background: url(../image/home/bg_right_all.jpg) no-repeat 100% -1419px;
				}
			#content_outer.home #content.fall {
				background: url(../image/home/bg_right_all.jpg) no-repeat 100% -473px;
				}
			#content_outer.home #content.baby {
				background: url(../image/home/bg_right_all.jpg) no-repeat 100% -946px;
				}
			#content .facebook a {
				background: url(../image/layout/follow_us_on_fb.png) no-repeat 0 0;
				position: absolute;
				bottom: 10px;
				right: 10px;
				width: 105px;
				height: 18px;
				text-indent: -9999px;
				behavior: url(/ui/public/stylesheet/iepngfix.htc);
				}
		/* -----------------------------------------------------------------------------------
		BODY -- WRAPPER -- LEFT COLUMN
		----------------------------------------------------------------------------------- */
		#left_column_outer {
			float: left;
			width: 604px;
			background: #FFF;
			}
		#left_column_outer .heroImg {
			padding: 12px;
			}
			#left_column {
				padding: 20px;
				}
			#left_column a {
				color: #900;
				}
				#left_column a:hover {
					text-decoration: none;
					}
			#left_column p {
				color: #7C7C7C;
				margin: 0 0 17px 0;
				font-size: 14px;
				line-height: 1.7em;
				}
			#left_column .intro {
					background: url(../image/layout/content_split_new.jpg) no-repeat 0 100%;
					padding-bottom: 18px;
					margin-bottom: 30px;
					}
				#left_column .intro h2 {
						margin: 0 0 12px 0;
						clear: both;
						font-family: helvetica, arial, sans-serif;
						color: #9F000F;
						font-weight: normal;
						font-size: 20px;
						text-align: center;
						text-transform: uppercase;
						}
					#left_column .intro p {
						padding: 0 15px;
						font-size: 16px;
						color: #6D6D6D;
						font-family: helvetica, arial, sans-serif;
						text-align: center;
						line-height: 1.6em;
						}
			#slideshow {
				position: relative;
				height: 472px;
				width: 604px;
				}
				#slideshow img {
					position: absolute;
					top: 0;
					left: 0;
					}
			/* -----------------------------------------------------------------------------------
			BODY -- WRAPPER -- LEFT COLUMN -- FIND A RETAILER
			----------------------------------------------------------------------------------- */
			#left_column .search_form {
				text-transform: uppercase;
				color: #767676;
				font-size: 14px;
				margin: 0 0 25px 0;
				}
				#left_column .search_form label {
					float: left;
					padding: 4px 10px 0 0;
					line-height: 2em;
					}
				#left_column .search_form #radiusSelect {
					margin: 7px 10px 0 0;
					float: left;
					font-size: 12px;
					line-height: 2em;
					}
				#left_column .search_form #addressInput {
					background: #FFF url(../image/layout/left_col_zip_code_input.jpg) 0 0 no-repeat;
					border: none;
					font-size: 14px;
					padding: 9px 5px 8px 5px;
					margin: 0;
					float: left;
					width: 170px;
					}
				#left_column .search_form .search {
					margin: 0 0 0 6px;
					}
				#left_column .search_form #search {
					background: #FFF url(../image/layout/left_col_zip_code_find.jpg) 0 0 no-repeat;
					border: none;
					text-indent: -9999px;
					width: 96px;
					height: 34px;
					float: left;
					font-size: 0;
					color: #af0d18;
					cursor: pointer;
					}
				#left_column .google_map {
					border: 1px solid #E8E8E8;
					padding: 4px;
					margin: 0 0 15px 0;
					}
				#left_column #locations ul li {
					background: #FFF url(../image/layout/bg_location.jpg) 0 100% repeat-x;
					position: relative;
					border: 1px solid #E8E8E8;
					list-style: none;
					margin: 0 0 15px 0;
					}
					#left_column #locations ul li a {
						color: #699041;
						text-decoration: none;
						}
					#left_column #locations ul li a:hover {
						text-decoration: underline;
						}
					#left_column #locations ul li h3 {
						color: #9F000F;
						font-family: helvetica, arial, sans-serif;
						padding: 18px 0 15px 16px;
						font-size: 18px;					
						}
						#left_column #locations ul li h3 span.miles {
							font-size: 14px;
							}
					#left_column #locations ul li .show_on_map {
						background: #FFF url(../image/layout/btn_show_on_map.jpg) 0 0 no-repeat;
						position: absolute;
						top: 0;
						right: 0;
						text-indent: -9999px;
						width: 133px;
						height: 27px;
						}	
					#left_column #locations ul li .address {
						width: 160px;
						}
					#left_column #locations ul li .address,
					#left_column #locations ul li .phone {
						float: left;
						padding: 0 0 0 16px;
						}					
								
		/* -----------------------------------------------------------------------------------
		BODY -- WRAPPER -- RIGHT COLUMN
		----------------------------------------------------------------------------------- */
		#right_column_outer {
			width: 335px;
			float: right; 
			position: relative;
			height:472px;
			}
			#right_column {
				position: relative;
				padding: 34px 25px 25px 25px;
				}
				
				/* -----------------------------------------------------------------------------------
				BODY -- WRAPPER -- RIGHT COLUMN -- HOME
				----------------------------------------------------------------------------------- */
				#right_column .home.inner {
					color: #FFF;
					font-weight: normal;
					padding: 276px 0 0 73px;
					}
					#right_column .home.inner h2 {
						margin: 0 0 14px 0;
						line-height: 26px;
						width: 176px;
						display: block;
						font-family: helvetica, arial, sans-serif;
						font-size: 24px;
						text-transform: uppercase;
						}
					#right_column .home.inner .nav li {
						list-style: none;
						float: left;			
						margin: 0 6px 0 0;
						}
						#right_column .home.inner .nav li a {
							background: url(../image/layout/hero_nav_btn.png) no-repeat 0 0;
							width: 10px;
							height: 10px;
							display: block;
							text-indent: -9999px;			
							behavior: url(/ui/public/stylesheet/iepngfix.htc);
							}
							#right_column .home.inner .nav li.active a, #right_column .home.inner .nav li a:hover {
								background: url(../image/layout/hero_nav_btn_active.png) no-repeat 0 0;					
								behavior: url(/ui/public/stylesheet/iepngfix.htc);
								}
				/* -----------------------------------------------------------------------------------
				BODY -- WRAPPER -- RIGHT COLUMN -- INNER PAGE
				----------------------------------------------------------------------------------- */
				#right_column h2 {
					margin: 0 0 12px 0;
					clear: both;
					font-family: helvetica, arial, sans-serif;
					color: #FFF;
					font-weight: normal;
					}
				#right_column p {
					color: #FFF;
					font-size: 11px;
					margin: 0 0 12px 0;
					}
				#right_column a {
					color: #FFF;
					}
				#right_column a:hover {
					text-decoration: none;
					}
				#right_column #find_a_retailer {
					padding: 0 0 25px 0;
					margin: 0 0 25px 0;
					border-bottom: 1px solid #700205;
					}
					#right_column form p {
						padding: 0;
						margin: 0;
						}
					#right_column form .input {
						background: #FFF url(../image/layout/right_col_zip_code_input.jpg) 0 0 no-repeat;
						border: none;
						font-size: 14px;
						padding: 9px 0 8px 5px;
						margin: 0;
						float: left;
						width: 183px;
						}
					#right_column form .submit {
						background: #FFF url(../image/layout/right_col_zip_code_find.jpg) 0 0 no-repeat;
						border: none;
						text-indent: -9999px;
						width: 96px;
						height: 34px;
						float: left;
						cursor: pointer;
						font-size: 0;
						color: #af0d18;
						}
				#right_column #contact p {
					font-size: 13px;
					}
								
		/* -----------------------------------------------------------------------------------
		BODY -- WRAPPER -- FOOTER
		----------------------------------------------------------------------------------- */
		#footer {
			clear: both;
			position: relative;
			margin: 0 0 25px 0;
			display: block;
			}
			#footer .logo {
				width: 63px;
				height: 79px;
				display: block;
				margin: 0 auto 15px auto;
				background: url(../image/layout/footer_logo.gif) no-repeat 0 0;
				}
				#footer .logo a {
					display: block;
					line-height: 79px; /* LINE HEIGHT = ('#header .logo' HEIGHT) */
					text-indent: -9999px;
					overflow: hidden;
					}
			#footer .chicoweb {
				width: 100px;
				height: 17px;
				display: block;
				margin: 0 auto;
				background: url(../image/layout/website_by_chico_web.gif) no-repeat 0 0;
				}
				#footer .chicoweb a {
					display: block;
					line-height: 17px; /* LINE HEIGHT = ('#header .logo' HEIGHT) */
					text-indent: -9999px;
					overflow: hidden;
					}
			#footer .made_in_usa {
				text-align: center;
				width: 136px;
				height: 11px;
				margin: 20px auto;
				text-indent: -9999px;
				display: block;
				background: url(../image/layout/made_in_the_usa.gif) no-repeat 0 0;
				}
				
		/* -----------------------------------------------------------------------------------
		FIND A RETAILER - PAGING
		----------------------------------------------------------------------------------- */
		#paging {
			text-align: center;
			}
			#paging li {
				border-right: 1px solid #547a31;
				display: inline;
				padding: 0 10px;
				}
				#paging li.last {
					border-right: none;
					}
				#paging li span.active {
					font-size: 14px;
					font-weight: bold;
					color: #9f000f;
					}
				#paging li a {
					color: #767676;
					}
		/* -----------------------------------------------------------------------------------
		CONTACT FORM
		----------------------------------------------------------------------------------- */
		p.status {
			text-align: center;
			padding: 15px;
			border-width: 3px;
			border-style: solid;
			margin: 20px;
			}
			p.status.success {
				background-color: #afa;
				border-color: #363;
				color: #000 !important;
				}
			p.status.error {
				background-color: #faa;
				border-color: #633;
				color: #000 !important;
				}
		fieldset {
			border: none;
			}
			fieldset span.required {
				color: #a00;
				}
			fieldset legend {
				color: #737272;
				display: block;
				padding: 5px 0;
				}
			fieldset div {
				padding: 5px 0;
				}
				fieldset div label {
					color: #737272;
					float: left;
					width: 130px;
					line-height: 20px;
					}
				fieldset div input, fieldset div textarea {
					border: 1px solid #aaa;
					padding: 4px;
					font: 12px/14px helvetica,arial,sans-serif;
					color: #666;
					}
					fieldset div .input:focus,
					fieldset div textarea:focus {
						border: 2px solid #9f000f;
						padding: 3px;
						color: #333;
						}
					fieldset div .input {
						width: 200px;
						}
					fieldset div textarea {
						width: 400px;
						height: 100px;
						}
				fieldset div.submit {
					padding-left: 130px;
					}