body {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 100%;
	background-color: #eee;
	background: repeat url(/norwall/img/body_bg.png);
}
h1, h2, h3, h4, h5, h6, ul, ol, li, div, form, input, select, textarea {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none inside;
}
a { color: #03C;}

/* LAYOUT */
#wrapper {
	width: 995px;
	margin: 0 auto;
}
#header {
	width: 995px;
	overflow: hidden;
}
#brand {
	float: left;
}
#utility {
	color: #92B1D5;
	font-size: 1.15em;
	padding: 5px;
	float: right;
	width: 350px;
}
#container {
	background-color: white;
	width: 995px;
	overflow: hidden;
}
#nav-left {
	float: left;
	width: 200px;
	background-color: #027;
}
#main {
	float: right;
	width: 780px;
}
/* .main is content */
.main {
	font-size: 12px;
	line-height: 15px;
}

/* MESSAGING */
#headerError {
	/* todo: style this */
}
#headerInfo {
	/* todo: style this */
}

/* NAVIGATION */
#nav-top ul li {
	display: inline;
	border-right: 1px solid black;
}
#nav-top ul li.last {
	border: 0;
}
#nav-top ul li a {
	padding: 0 5px;
}
#nav-top ul li:first-child a {
	padding-left: 0;
}

#nav-left a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 5px;
}
#nav-left a:hover {
	text-decoration: underline;
}
#nav-left ul li ul {
	background-color: #eee;
}
#nav-left ul li ul li a {
	font-size: .95em;
	display: block;
	padding: 5px 5px;
	color: #027;
	background-color: #ACF;
	margin-bottom: 1px;
}
#nav-left ul li ul li a:hover {
	background-color: #CDF;
	color: #02C;
}
/* UTILITY */
#utility ul {
	text-align: right;
}
#utility ul li {
	display: inline;
	/*border-right: 1px solid #666;*/
}
#utility ul li.last {
	border: 0;
}
#utility ul li span {
	padding: 0 5px;
}
#utility input.text-field {
	border: 0;
	padding: 2px;
	margin-right: 5px;
	width: 75px;
}
.button,
#utility input.submit {
	border: 1px solid #CCC;
	padding: 1px;
	background: transparent url(/norwall/img/button_over.png) no-repeat scroll center center
}
.button:hover {
	color: red;
}
#utility a {
	color: #92B1D5;
}
#utility #banner p {
	color: white;
	margin: 12px 4px 0 0;
	text-align: right;
}
#utility #banner p a {
	color: white;
}

#utility ul li.carticon { padding: 0 20px; }
#utility ul li.carticon a { color: yellow; text-decoration: none; background: url(cart.png) no-repeat; padding-left: 20px; }
#utility ul li.carticon a:hover { color: #fff; }

#headerText {
	color: white;
	margin: 0;
	padding: 0;
}
#pageHeader #headerText img {
	margin: 0;
	padding: 0;
	float: none;
}
#pageHeader #headerText p {
	margin: 7px 0 0 25px;
}
/* FOOTER */
#footer {
	width: 100%;
	overflow: hidden;
}
#footer ul li {
	display: inline;
	border-right: 1px solid black;
}
#footer ul li.last {
	border: 0;
}
#footer ul li a {
	padding: 0 5px;
}
#footer ul li:first-child a {
	padding-left: 0;
}

#copyright {
	color: #CCC;
}

/* LISTINGS */
table.productListing tr {
	background:transparent url(/norwall/img/row_light_bg.png) center center repeat-x;
}
table.productListing tr.productListing-odd,
table.productListing tr.productListing-even {
	background-image: none;
}
table.productListing tr td.productListing-heading {
	border-right: 1px solid white;
}
/*
table.productListing tr td.productListing-heading:hover {
	background: transparent url(/norwall/img/row_blue_bg.png) center center repeat-x;
}
*/
table.productListing tr td.productListing-heading a {
	
}
table.productListing tr td.productListing-heading a:hover {
	color: black;
}
table.productListing tr td.productListing-data {
	border-bottom: 1px solid #92B1D5;
}


/** NEW **/
/* @group General Styles */

body {
	text-align: center;
	font: 0.7em/1.35em Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
}

p {
}

b, strong {

}

a:link, a:visited {
	text-decoration: underline;
	text-shadow: 0px 1px 0px #ffffff;
}

a:hover, a:active {
	text-decoration: none;
}

img {
	border-style: none;
}

.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
}
	
/* @end */

/* @group Layout */

.clearer {
	clear: both;
}

#logo {
	/* width: 113px;
	height: 102px; */
	width: 468px;
	height: 69px;
	position: absolute;
}

#container {
	/* width: 750px; */
	width: 990px;
	background: repeat-y  url(images/content_middle.png); /* This Is The BG Color Of The Main Div */
	/* margin: 0px auto; *//* Right And Left Margin Widths To Auto */
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	line-height: 1.8em;
}

#container #top {
	background: url(images/norwall/content_top_990.png) no-repeat;
	width: 990px;
	height: 16px;
	float: left;
}

#container #bottom {
	background: url(images/norwall/content_bottom_990.png) no-repeat;
	width: 990px;
	height: 16px;
	float: left;
	overflow: hidden;
	/* position: absolute; */
}

#pageHeader {
	background: url(images/header_bg.png) repeat-x;
	margin-bottom: 20px;
	height: 102px;
	text-align: left;
/*	min-width: 980px;*/
}
#pageHeader img {
	margin: 10px;
	float: left;
}
#logo h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	padding-top: 20px;
	text-indent: 10px;
}
#pageHeader h1 a {
	text-decoration: none;
	color: white;
}
#pageHeader h2 {
	margin: 0px;
	font-weight: normal;
	letter-spacing: 4px;
	text-indent: 10px;
	font-size: 1.1em;
	padding-top: 4px;
}

#contentContainer {
	width: 780px;
	float: left;

}

#contentContainer #content {
	padding-left: 40px;
	padding-right: 40px;
	border-right: 1px solid #cccccc;
}

#contentContainer #content .section {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

/* SIDEBAR */
#sidebarContainer {
	float: right;
	text-align: left;
	width: 210px;
	line-height: 1.6em;
}

#sidebarContainer .sideHeader {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
}
/* Change the sidebar float to the opposite of the main styles.css file. Also change the padding from right to left. */
 #sidebarContainer {
	float: left;
}
#sidebarContainer #sidebar {
	color: #666666;
	padding-left: 34px;
	padding-right: 4px;
}
/* set the content containers margin-right/margin-left (depending on what the float is set to above) to the width of the sidebar (the width can be found in the styles.css file) and then set the opposite margin to 0px. This prevents the content from flowing under the sidebar if it is longer*/
#contentContainer {
	float: right;
}

#contentContainer #content {
	border-right: none;
	border-left: 1px solid #cccccc;
	padding-left: 15px;
}


/* FOOTER */
#footer {
	background: no-repeat url(/norwall/img/footer_bg.png);
	width: 750px;
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	text-align: center; /* Hack To Keep IE5 Windows Happy */
	height: 39px;
	text-shadow: 1px 1px 2px #333333;
	font-weight: bold;
}

#footer p {
	margin: 0;
	padding-top: 11px;
	color: #ffffff;
}

#footer a:link, #footer a:visited {
	color: #fafafa;
	text-decoration: underline;
	text-shadow: 1px 1px 2px #333333;
}

#footer a:hover, #footer a:active {
	color: #ffffff;
	text-decoration: none;
}
	
/* @end */

/* @group Bread-crumb */
.breadcrumb {
	margin-bottom:8px;
	border-bottom: 1px solid #ccc;
}
#breadcrumbcontainer {
	text-align: center;
	padding-bottom: 5px;
}

#breadcrumbcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {

}

#breadcrumbcontainer a:hover {

}
	
/* @end */

/* @group Toolbar */

/* Toolbar Styles */

#navcontainer {
	position: absolute;
	top: 71px;
	/* left: 113px; */
	left: 12px;
	height: 31px;
	font-size: 1.2em;
	min-width: 980px;
	width: 980px;
}

#navcontainer #current {
	text-decoration: none;
	text-shadow: 1px 1px 2px #ffffff;
}

#navcontainer #current:hover {
}

#navcontainer .currentAncestor {
	text-decoration: none;
	text-shadow: 1px 1px 2px #ffffff;
}

/* Parent - Level 0 */

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navcontainer li {
	display: inline;
	float: left;
}

#navcontainer a{
	width: 110px;
	height: 32px;
	display: block;
	margin: 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px #333333;
	padding: 7px 0 0px;
	font-weight: bold;
}

#navcontainer a:hover {
	text-decoration: none;
	text-shadow: 1px 1px 2px #ffffff;
}

#navcontainer a:active {

}

/* Child - Level 1 */

#navcontainer ul ul {
	position: absolute;
	left: 0;
	top: 30px;
}

#navcontainer ul ul li {
}

#navcontainer ul ul a {
	background: none;
	text-shadow: none;
	font-weight: normal;
}

#navcontainer ul ul a:hover{
	background: none;
	color: #ffffff;
	text-shadow: none;
}

#navcontainer ul ul #current{
	background-image: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: bold;
}

#navcontainer ul ul .currentAncestor {
	background-image: none;
	color: #ffffff;
	text-shadow: none;
	font-weight: bold;
}
/* Child - Level 2 */

#navcontainer ul ul ul {
	display: none;
}

/* @end */

/* @group Global Classes */

blockquote {
	font-style: italic;
	color: #000000;
}

h1 {
	font-size: 1.6em;
	margin: 0 0 3px;
}

h2 {
	font-size: 1.4em;
	margin: 0 0 3px;
}

h3 {
	font-size: 1.2em;
	margin: 0 0 3px;
}

h4 {
	font-size: 1em;
	margin: 0 0 3px;
}


/* Sidebar area unordered list styles */

#sidebarContainer #sidebar ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none outside;
}


/* FONT SIZES
0.8em
0.85em
0.9em
0.95em	
1em
1.05em
1.1em
1.15em
1.2em
1.25em
1.3em
1.35em
1.4em
1.45em
1.5em
1.55em
1.6em
1.65em
1.7em
1.75em
*/

/* FORM */
.required-text {
	color: #ff0000;
} 

.form-input-field {
} 

.form-input-button { 
}

/* from blue.css */
.blog-entry-title a:hover, a:link, a:visited {
	color: #2563ab;
}

a:hover, a:active {
	color: #92b1d5;
}
/*
#logo {
	background: no-repeat url(/norwall/img/logo.png);
}
*/
#container {
	background: repeat-y url(/norwall/img/content_middle_990.png);
	margin: 0 auto;
}

#container #top {
	background: url(/norwall/img/content_top_990.png) no-repeat;
}

#container #bottom {
	background: url(/norwall/img/content_bottom_990.png) no-repeat;
}

#pageHeader {
	background: repeat-x url(/norwall/img/header_bg.png);
}

#pageHeader h2 {
	color: #92b1d5;
}

#navcontainer #current {
	background: no-repeat url(/norwall/img/button_over_dark.png) right top;
	/* color: #0b2b64; */
	color: #fff;
	text-shadow: 1px 1px 2px #ffffff;
}

#navcontainer .currentAncestor {
	background: no-repeat url(/norwall/img/button_over.png) right top;
	color: #0b2b64;
	text-shadow: 1px 1px 2px #ffffff;
}

#navcontainer a {
	background: no-repeat url(/norwall/img/button_end.png) right top;
	color: #fff;
}

#navcontainer a:hover {
	background: no-repeat url(/norwall/img/button_over.png) right top;
	color: #0b2b64;
	text-shadow: 1px 1px 2px #ffffff;
}

#navcontainer ul ul a {
	color: #81aad4;
}

.photo-navigation {
	background: repeat-x url(/norwall/img/header_bg.png);
}

.photo-navigation a:hover {
	color: #0b2b64;
}

.photo-caption {
	color: #92b1d5;
}

.pdf {
	padding-left: 20px;
	height: 16px;
	display: block;
	float: left;
}

.subcat {
	margin-left: 5px;
}

.entry_form {
	margin-top: 10px;
}
.entry_form li input,
.entry_form li textarea {
	border: 1px solid #ccc;
	padding: 2px;
}

.colorHeader {
	padding: 4px 8px;
	font-weight: normal;
	background: transparent url(images/product_bg.gif) top center repeat-x;
	color: #2563AB;
	border-top: 1px solid #92B1D5;
}


input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 3px 0;
	padding: 0 3px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size: 11px;
	width: 200px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
	font-size: 11px;
}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
	z-index: 99;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images/pointer.gif) left top no-repeat;
}
#footercontentbox {
	width: 700px;
	margin-left: 200px;
	margin-top: 15px;
	text-align: center;
}
ul.sitemap {
color: #ff0000;
}