/********************
*
STYLES FOR THE ACTUAL SITE CONTENT
*
********************/


/***********
PENUMBRA logo and cart overview
***********/

.headBanner {
	height: 90px;
	background-color: #33303B;
	width: 760px;
	text-align: right;

	background-image: url(../images/logostripBgnd.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #272029;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #272029;
}

.logoContainer {
	padding: 0px;
	float: left;
	text-align: left;
	width: 575px;
	height: 90px;
	vertical-align: middle;
}
.basketOverviewContainer {
	padding: 0px;
	width: 185px;
	height: 90px;
	float: left;
	vertical-align: bottom;

	background-image: url(../images/logostrip_spacerBgnd.gif);
	background-position: left center;
	background-repeat: no-repeat;	

}
.cartText {
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 28px;
	line-height: 14px;
	color: #ffffff;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.cartTextTitle {
	color: #AE6CA2;
}
.cartLogo {
	float: left;
	padding-left: 10px;
	padding-top: 28px;
}
/***********
section banner and main nav
***********/

.topLayer {
	padding: 0px;
	width: 760px;
	height: 180px;
}

.sectionBanner {
	padding: 0px;
	width: 575px;
	height: 180px;
	float: left;
}

.mainNavigation {
	padding: 0px;
	width: 185px;
	height: 180px;
	background-color: #393844;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 36px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;

}
.mainNavOn {
	text-decoration: none;
	display: block;
	color: #DBD7D4;
	line-height: 35px;
	height: 35px;
	background-image: url(../images/topnavBgndOver.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #272029;
	padding-right: 15px;
	padding-left: 20px;	
}
.mainNavOff {
	text-decoration: none;
	display: block;
	color: #DBD7D4;
	line-height: 35px;
	height: 35px;
	background-image: url(../images/topnavBgnd_190x35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #272029;
}
.mainNavOff a:link {
	display: block;
	color: #DBD7D4;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 20px;
}
.mainNavOff a:visited {
	display: block;
	color: #DBD7D4;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 20px;
}
.mainNavOff a:active {
	display: block;
	color: #DBD7D4;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 20px;
}
.mainNavOff a:hover {
	display: block;
	color: #DBD7D4;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 20px;
	display: block;
	background-image: url(../images/topnavBgndOver.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

/***********
main content and product nav
***********/

.pageContent {
	padding: 0px;
	width: 760px;
	height: 100%;
	background-color: #ffffff;

}
.pageTitleBar {
	padding: 0px;
	width: 575px;
	height: 35px;
	float: left;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 35px;
	color: #7F356D;
	background-color: #E6E4E1;
	text-indent: 30px;
}

.productNavTitleBar {
	padding: 0px;
	width: 185px;
	height: 35px;
	float: right;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 35px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #B17DA8;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/subnavHeadingBgnd_190x35.jpg);
}

.mainPageContent {
	padding: 0px;
	width: 515px;
	//float: left;
	
	background-color: #ffffff;
	
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #63626B;	
}

.productNav {
	padding: 0px;
	padding-top: 15px;
	width: 185px;
	//float: right;

	background-color: #E6E4E1;

}

.productNavOff a {
	width: 160px;
	display: block;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 15px;
	
	background-image: url(../images/subnavBullet02Bgnd.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-color: #E6E4E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}
.productNavOff a:link {
	color: #4E4E58;
	text-decoration: none;
	display: block;
}
.productNavOff a:visited {
	color: #4E4E58;
	text-decoration: none;
	display: block;
}
.productNavOff a:active {
	color: #4E4E58;
	text-decoration: none;
	display: block;
}
.productNavOff a:hover {
	color: #27262E;
	text-decoration: none;
	background-color: #CDCBC9;
	display: block;
	
	background-image: url(../images/subnavBullet02Bgnd.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

.productNavOn a {
	width: 160px;
	display: block;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	padding-left: 25px;
	padding-top:3px;
	padding-bottom:3px;
	line-height: 15px;
	
	background-image: url(../images/subnavBullet02Bgnd.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #CDCBC9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}
.productNavOn a:link {
	color: #27262E;
	text-decoration: none;
	display: block;
}
.productNavOn a:visited {
	color: #27262E;
	text-decoration: none;
	display: block;
}
.productNavOn a:active {
	color: #27262E;
	text-decoration: none;
	display: block;
}
.productNavOn a:hover {
	color: #27262E;
	text-decoration: none;
	background-color: #CDCBC9;
	display: block;
	
	background-image: url(../images/subnavBullet02Bgnd.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;	
	
}

.formTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #27262E;
}
.formField {

}
.formSingleLineField {
	width: 500px;
	line-height: 22px;
	height: 22px;
	border: 1px dotted #BCBBB8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #7F356D;
	background-color: #F2F0ED;
}
.formMultiLineField {
	width: 500px;
	line-height: 22px;
	height: 200px;
	border: 1px dotted #BCBBB8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #7F356D;
	height: 200px;
	background-color: #F2F0ED;
}

.errorText {
	color: #f00;
}