/*Reset styles*/
h1,h2,h3,h4,h5,p,ol,ul,li { margin: 0; padding: 0; }
h1,h2,h3,h4,h5 { font-family: Arial, Verdana, sans-serif; }
h1 { font-size: 2.2em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { margin: 10px 0 4px 0; font-size: 1.3em; color: #555; }
p, ul, ol, input, textarea { font: 1.1em verdana, arial, sans-serif; }
ul, ol { margin: 10px 35px; padding: 5px 10px; line-height: 1.55em; }
a { color: #312B1F; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #666; }
hr { border: none; border-bottom: 2px dotted #B29E5A; height: 5px; }
html, body {
	height: 100%;
}

body {
	margin: 0;
	background-color: #000;
	font-size: 62.5%;
}

/* Add any div with a transparent .png in the background to fix for ie6 */
.logo, #bellissimo_logo, #fresh_graphic { _behavior: url(/_Assets/js/iepngfix.htc); }

#wrappper {
	position: absolute;
	width: 100%;
	height: 100%;
}

#inner_wrapper {
	width: 975px;
	padding: 5px;
	background-color: #fff;
	margin: 0 auto;
}

#header_wrapper {
	display: block;
	height: 216px;
}

#header_left {
	display: block;
	float: left;
	width: 525px;
	height: 216px;
	background: transparent url(/_Assets/images/bg/header_left.jpg) no-repeat -18px center;
}

#header_left ul {
	font: bold 1.4em Arial, sans-serif;
	text-transform: uppercase;
	list-style: none;
	text-align: right;
	float: right;
	margin: 20px 5px 0 0;
	padding: 0;
	width: 125px;
	_margin-top: 10px;
}

* + html #header_left ul {
	margin-top: 10px;
}

#header_left li {
	width: 125px;
	margin-top: 14px;
	padding-right: 0px;
	margin-right: 10px;
	position: relative;
/*	border: 1px solid #999;*/
}

#header_left li a {
	display: block;
	color: #fff;
	text-decoration: none;
}

#header_left li ul {
	color: #fff;
	font: bold italic .85em Arial, sans-serif;
	text-align: left;
	position: absolute;
	top: -25px;
	left: -999em;
	text-transform: none;
/*	list-style: disc outside;*/
	margin-left: 20px;
	_top: -15px;
}

* + html #header_left li ul {
	top: -15px;
}

#header_left li li {
	width: 135px;
	margin-top: 6px;
}

#nav a:hover {
	text-decoration: underline;
}

#nav li:hover a {
	text-decoration: underline;
}

#nav li:hover li a {
	text-decoration: none;
}

#nav li:hover li a:hover {
	text-decoration: underline;
}

/*#nav li.current_page_item ul,*/
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul {
	right: -153px;
	padding-left: 35px;
	left: auto;
	_right: -188px;
}
#header_left ul#nav li.current_page_item a { color: #DAF7AA; text-decoration: underline; }
#header_left ul#nav li.current_page_ancestor a { color: #DAF7AA; text-decoration: none; }
#header_left ul#nav li.current_page_item ul li a,
#header_left ul#nav li.current_page_ancestor ul li a { color: #FFF; text-decoration: none; }
#header_left ul#nav li.current_page_ancestor ul li.current_page_item a { color: #DAF7AA; text-decoration: underline; }
#header_left ul#nav li.current_page_item ul li a {color: #FFF; text-decoration: none;}
#header_left ul#nav li.current_page_item ul li a:hover,
#header_left ul#nav li.current_page_ancestor ul li a:hover { color: #FFF; text-decoration: underline; }


#header_subnav,
#header_pasta,
#header_right {
	display: block;
	float: left;
	width: 145px;
	height: 216px;
	overflow: hidden;
	margin-left: 5px;
}

#header_subnav {
	background: transparent url(/_Assets/images/bg/header_subnav.jpg) no-repeat;
}

#header_pasta {
	background: transparent url(/_Assets/images/bg/header_pasta.jpg) no-repeat;
}

#header_right {
	background: transparent url(/_Assets/images/bg/header_right.jpg) no-repeat;
}

#body_wrapper {
	display: block;
	height: 469px;
	margin-top: 5px;
}

#body_left {
	display: block;
	position: relative;
	float: left;
	width: 370px;
	height: 469px;
	background: transparent url(/_Assets/images/bg/body_left.jpg) no-repeat;
}

#body_left a.logo {
	display: block;
	width: 280px;
	height: 111px;
	background: transparent url(/_Assets/images/bg/delco_logo.png) no-repeat;
	top: -58px;
	left: 45px;
	position: absolute;
}

a.logo em { display: none; }

#body_right {
	display: block;
	float: left;
	width: 600px;
	height: 469px;
	margin-left: 5px;
	background: transparent url(/_Assets/images/bg/body_right.jpg) no-repeat;
}

#content_top {
	display: block;
	width: 570px;
	height: 35px;
	margin: 0 0 5px 10px;
	padding: 15px 0 0 5px;
	border-bottom: 2px dotted #B29E5A;
	font-size: 28px;
	overflow: hidden;
}

#fresh_graphic {
	display: block;
	width: 305px;
	height: 29px;
	background: transparent url(/_Assets/images/fresh_graphic.png) no-repeat;
}

#content_main {
	display: block;
	width: 570px;
	height: 379px;
	margin-bottom: 10px;
	padding: 0 15px;
	overflow: auto;
	color: #777;
}

#content_main h2 { color: #4B5138; }
#content_main a { color: #6B3F3C; }

#content_main_left {
	display: block;
	float: left;
	width: 139px;
	height: 360px;
	overflow: hidden;
	border: 1px solid #b29e5a;
}

#content_main_left .new_header {
	display: block;
	width: 100%;
	height: 16px;
	padding-top: 1px;
	color: #fff;
	background-color: #b29e5a;
	font: bold 1.2em Georgia, serif;
	letter-spacing: .1em;
	text-align: center;
	text-transform: uppercase;
}

#content_main_right {
	display: block;
	padding-left: 15px;
	width: 414px;
	height: 360px;
	float: right;
	overflow: auto;
}

#content_main .first {
	border: none;
	padding: 0 0 10px 0;
}

.content_section {
	border-top: 2px dotted #b29e5a;
	padding: 10px 0;
}

.content_section h3 { margin-top: 15px; font-size: 1.4em; color: #444; }
.content_entry h3 { padding-top: 15px; padding-bottom: 10px; }
.content_entry h3:first-child { padding-top: 10px; }

.content_entry p { margin: 0 0 8px 0; line-height: 1.75em; }

.content_section_heading, .content_entry h3 {
	font: bold 1.55em Arial, sans-serif;
	color: #6b3f3c;
	text-transform: uppercase;
}

.first p {
	margin-top: 10px;	
}


#content_bottom {
	display: block;
	width: 570px;
	padding: 0px 15px;
	height: 25px;
	color: #4b5138;
	font: normal 1.4em arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

#footer_wrapper {
	display: block;
	position: relative;
	width: 100%;
	height: 68px;
	margin-top: 5px;
	background: transparent url(/_Assets/images/bg/footer.jpg) no-repeat;
}

#footer_wrapper #aib_logo a.logo {
	display: block;
	width: 95px;
	height: 81px;
	background: transparent url(/_Assets/images/bg/aib_logo.jpg) no-repeat;
	top: -45px;
	left: 25px;
	position: absolute;
}

#footer_wrapper #bellissimo_logo a.logo {
	display: block;
	width: 200px;
	height: 81px;
	background: #FFF url(/_Assets/images/bg/bellissimo_logo.png) no-repeat;
	top: -45px;
	left: 145px;
	position: absolute;
}

#footer_contact_wrapper {
	padding: 18px 0 0 385px;
}

#footer_wrapper .footer_contact_info {
	color: #fff;
	display: block;
	font: normal 1.2em arial, sans-serif;
	margin-top: 3px;
}

/*---Homepage Styles---*/
#story-wrapper .story { padding: 0 5px; }
#story-wrapper .story h3 { font-size: 1.3em; margin: 10px 0 5px 0; }
.story a { color: #5B0B0B; }
p.more { margin-top: 5px; }
p.more a { color: #5B0B0B; font-size: 1.1em; font-weight: bold; }

/*--Product Section Styles---*/
ul.menuColumn { float: left; width: 170px; margin: 0 5px; padding: 0; list-style: none; }
ul.menuColumn.wide { width: 250px; padding-top: 10px; font-weight: bold; }
ul.menuColumn li { margin: 3px 0; padding: 0; }
ul.menuColumn li a:visited { color: #312B1F;}

/*---Misc. Styles---*/
.clear { clear: both; }
.optional { color: green; font-size: 75%; }
.nostyle { margin: 5px 0 10px 0; padding: 0; list-style: none; }
.alert { padding: 65px 0 0 50px; font-size: 85%; color: #791B09; text-transform: italic; }
.center { text-align: center; }

/*---Partners Template---*/
#partnerSlideshow { float: left; width: 200px; height: 180px; margin-right: 15px; border: 1px solid #333; }
p.partnerInfo { font-size: 1.3em; line-height: 1.4em; }

/*---Service Map Template---*/
.content_entry.service_map { height: 358px; padding: 10px 0; background: url(/_Assets/images/service_map.png) 180px top no-repeat; }
.service_map p { width: 255px; }

/*---Site Forms---*/
fieldset { width: 500px; margin: 0 auto; padding: 5px 0; border:none; border-top: 2px solid #666;}
legend { padding: 0 10px; font: bold 1.4em verdana, arial, sans-serif; background: none; }
label { display: block; float: left; width: 240px; margin: 5px 0; font-size: 1.2em; line-height: 1.3em; text-align: right; }
label input { width: 100px; height: 14px; margin: 0 5px; padding: 3px 0 0 5px; font-size: .75em; border: 1px solid #999; border-top-color: #666; border-left-color: #666; }
input.submit { margin-left: 40px; cursor: pointer; }
label input.validation-failed { border-color: #900; background: #EEE; }
label select { margin: 0 10px; }
label textarea { width: 460px; height: 80px; margin: 10px; padding: 5px; border: 1px solid #666; }
form #ClientValidationSummary { display: none; margin-bottom: 10px; padding: 10px; border: 1px solid #888; border-bottom-width: 3px; border-right-width: 2px; background: #EFFFF0; color: #204824; font: bold 1.6em georgia, times, "times new roman"; }
form #ClientValidationSummary ul { margin: 10px 0 0 0; padding: 0; }
form #ClientValidationSummary li { list-style: none; margin: 3px 0; padding: 0; font-size: .475em; font-weight: normal; line-height: 1em; }
form #ClientValidationSummary a { color: #900; text-decoration: none; }
form label.highlight { display: none; }
.optional { font-weight: normal; }
.contactInfo p { margin-left: 15px; color: #5B0B0B; font-size: 1.3em; }

/*---Tables---*/
table { width: 470px; margin: 25px 0 0 35px; border-collapse: separate; font: bold 1.3em helvetica, verdana, arial, sans-serif; text-align: center; }
th { color: #555;  height: 18px; margin: 0; padding: 0; }
th:first-child { padding-right: 5px; }
th, td { height: 18px; margin: 0; padding: 0; border-right: 2px dotted #B29E5A; }
th.last, td.last { border: none; }