@import url('global.css');

/*
Bowoo
- Screen Styles
- Created: 6/15/2009
*/

/* Home */
#home {
	width: 100%;
	height: 660px;
	overflow: hidden;
	position: relative;
}
#home img {
	position: absolute;
	top: 0;
	left: 0;
}


/* Products */
#products {
	padding: 30px 40px;
	position: relative;
}
#products div.header {
	width: 100%;
	padding: 0 0 1px 0;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;
}
#products div.header h2 {
	width: 100%;
	padding: 7px 0 3px 0;
	border-bottom: 2px solid #000;
	font-size: 2.8em;
	line-height: 28px;
	text-transform: uppercase;
	color: #000;
	font-family: Helvetica, Arial, sans-serif
}
#products div.product {
	width: 540px;
	float: left;
}
#products div.product ul.gallery {
	padding: 0 0 0 27px;
	list-style: none;
}
#products div.product ul.gallery li {
	margin: 0 4px 4px 0;
	float: left;
}
#products div.product ul.gallery li img {
	border: 1px solid #8c8c8c;
}
#products div.article {
	width: 340px;
	padding: 40px 40px 0 0;
	float: right;
}
#products div.article h3 {
	margin: 0 0 25px 0;
	text-transform: uppercase;
	color: #555;
	font-size: 1.4em;
	line-height: 15px;
}
#products div.article h3 span {
	font-size: 12px;
}
#products div.article p {
	margin: 0 0 13px 0;
	text-transform: uppercase;
	font-size: 1.0em;
	color: #000;
	line-height: 12px;
}
#products div.article p.specs {
	padding: 10px 0 0 0;
}
#products div.article div.price {
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	color: #666;
	font-size: 1.8em;
	line-height: 27px;
}
#products div.article div.price img, #products div.article div.price form {
	margin: 0 0 0 23px;
	float: left;
}
#products div.article div.price span {
	float: left;
}

/* About */
#about {
	padding: 84px 88px;
	position: relative;
}
#about div.content {
	margin: 0 0 22px 0;
	padding: 0 0 3px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}
#about div.article {
	height: 430px;
	padding: 10px 335px 0 0;
	background: url(../img/bg/monogram.png) no-repeat right top;
	border-bottom: 3px solid #000;
}
#about div.article h2 {
	width: 378px;
	height: 28px;
	margin: 0 0 35px 0;
	background: url(../img/header/so-this-is-why.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
#about div.article h3 {
	margin: 0 0 35px 0;
	font-size: 2.8em;
}
#about div.article p {
	margin: 0 0 13px 0;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 12px;
}


/* Contact */
#contact {
	padding: 84px 88px;
	position: relative;
}
#contact div.content {
	margin: 0 0 22px 0;
	padding: 0 0 3px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}
#contact div.article {
	height: 430px;
	padding: 10px 335px 0 0;
	border-bottom: 3px solid #000;
}
#contact div.article h2 {
	width: 501px;
	height: 58px;
	margin: 0 0 35px 0;
	background: url(../img/header/contact-bowoo.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
#contact div.article p {
	margin: 0 0 15px 0;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 13px;
}
#contact div.article small {
	text-transform: none;
	font-size: 1.2em;
}
#contact form {
	position: relative;
}
#contact form label {
	width: 55px;
	padding: 0 5px 0 0;
	display: block;
	float: left;
	color: #816d40;
	text-transform: uppercase;
	text-align: right;
	line-height: 16px;
}
#contact form div.row {
	margin: 0 0 4px 0;
}
#contact form input.text {
	width: 300px;
	height: 14px;
	border: 1px solid #816d40;
	background: #dcdcdc;
}
#contact form textarea {
	width: 300px;
	height: 128px;
	border: 1px solid #816d40;
	background: #dcdcdc;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	outline: none;
}
#contact form input.submit {
	width: 46px;
	height: 21px;
	background: #816d40;
	border: none;
	position: relative;
	left: 370px;
	bottom: 26px;
	color: #fff;
	text-transform: uppercase;
	line-height: 21px;
	font-size: 1.0em;
}


/* Stores */
#stores {
	padding: 84px 88px;
	position: relative;
}
#stores div.content {
	margin: 0 0 22px 0;
	padding: 0 0 3px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}
#stores div.article {
	height: 430px;
	padding: 10px 0 0 0;
	border-bottom: 3px solid #000;
}
#stores div.article h2 {
	width: 310px;
	height: 56px;
	margin: 0 0 45px 0;
	background: url(../img/header/bowoo-retailers.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
#stores div.article img {
	float: right;
	position: relative;
	right: 135px;
	top: -23px;
}
#stores div.article p {
	margin: 0 0 13px 0;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 12px;
}
#stores div.article div.stores {
	padding: 25px 0 0 0;
	border-top: 2px solid #000;
}
#stores div.article div.stores address {
	margin: 0 0 25px 0;
	display: block;
	font-style: normal;
	font-size: 1.2em;
}
#stores div.article div.stores address span {
	display: block;
}
#stores div.article div.stores address span.business {
	font-weight: bold;
}

/* FAQ */
#faq {
	padding: 88px 88px;
	position: relative;
}
#faq textarea {
	width: 100%;
	height: 450px;
	padding: 0 0 0 5px;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
}



/* Common Styles */
p.charitable {
	width: 563px;
	height: 27px;
	background: url(../img/header/charitable-alliance.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}
.green {
	color: #068624;
}