@import url(reset.css);
/***Crap To Hide 4 Epi***/
#accessibility-links, #accessibility-links, #HeaderTopBar, #LanguageSelector, #HeaderBottomBar, .ExtendedFooter, .SponsorshipFooterLinks {
	display:none;
}
/****************
Global Content
****************/

/* Breadcrumb is used to style the breadcrumbs for the SubColumn pages. */
#BreadCrumb {
display: none !important;
}

/* Container is the main DIV that contains all other divs. Use this to set your design width. */
#Container {
	width:960px;
	margin:0 auto;
	padding:0;
	background: url(/RNA/RNA_NationalHardwareShow/2010_graphics/body_bg.gif) repeat-y;
}

/* ContentContainer holds both your content div and right side menu div.  */
#ContentContainer {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	margin:0;
	padding:0 0 0 5px;
	width:718px;
}

/* Column2 represents your right side column next to your content div  */
#Column2 {
	float:right;
	margin:0;
	padding:0;
	width:220px;
}

div#PressRelease .StandOut {
	color:#1f4a60;
	font-size:14px;
	font-weight:bold;
	padding:3px 0 2px;
	font-weight: bold;
}

/* Column1WithLeftNav specifies the content area for all your pages!  */
.Column1WithLeftNav, #Container .Column1WithLeftNav {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	width:495px;
}

/* This gives padding to all your tables within your content area. 
.Column1WithLeftNav table td {
padding:5px;
}
 */
 
 
/* This defines your TH tag when creating headers for your tables.  */
.Column1WithLeftNav table th {
	color:#333;
	font-weight:bold;
	padding:3px;
	text-align:center;
}

/* This defines all UL items within your content area  */
.Column1WithLeftNav ul {
	list-style:disc;
	margin:5px 0 10px 30px;
	padding:0;
}

/* This defines all LI items within your content area.  */
.Column1WithLeftNav ul li {
	line-height:20px;
	margin:0;
	padding:0;
}

.Column1WithLeftNav ul li ul {
	list-style: circle;
}

/* EventLocation is used to style your strapline text for your dates and location.  
#EventLocation {
color:#FFFFFF;
font-weight: bold;
font-size: 14px;
float:left;
line-height:25px;
margin:0;
padding:0 0 0 15px;
}*/

/* DO NOT REMOVE: The following three ExFoot IDs are used to keep your extended footers from showing!  */
#ExFoot1 {
display:none;
}

#ExFoot2 {
display:none;
}

#ExFoot3 {
display:none;
}

/* Footer is used to style the footer area below the rest of your site.  */
#Footer {
	background:url(/RNA/RNA_NationalHardwareShow/2010_graphics/footer_bg.jpg) no-repeat;
	color:#666;
	margin: 0;
	padding: 0;
	width:960px;
	height: 165px;
	font-size: 11px;
	clear: both;
}

/* Copyright is the container for your copyright text.  */
#Footer #Copyright {
float:left;
}
#Footer #Copyright p {
	margin: 0;
	padding: 0;
	line-height: 29px;
}

/* FooterLinks is the container for your footer links that display next to your copyright text.  */
#Footer .FooterLinks {
	width: 724px;
	text-align:center;
	float:right;
	padding: 120px 0 0 0;
}

/* This defines the UL that contains your footer links.  */
#Footer #FooterLinks ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:600px;
}

/* This defines the LI for your footer links.  */
#Footer #FooterLinks ul li {
	float:left;
	margin:0;
	padding:0 10px;
	line-height: 29px;
}

#Footer #FooterLinks ul li a, #Footer #FooterLinks ul li a:visited, #Footer #FooterLinks ul li a:active {
	color: #666;
	text-decoration: none !important;
}

#Footer #FooterLinks ul li a:hover {
	color: #333;
	text-decoration: underline !important;
}



/* DO NOT REMOVE: This defines the Language Bar that shows up above your header, this removes it.  */
#HeaderTopBar {
display:none;
}

/****************
Navigation
****************/
#LeftNavigation {
	float:left;
	width:236px;
	padding:0;
	margin:0;
	font-size:12px;
}
#LeftNavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#LeftNavigation ul li {
	margin: 0;
	padding: 0;
	line-height:29px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
ul#Level1 li a, ul#Level1 li a:visited, ul#Level1 li a:hover {
	background: #364252;
	border-bottom: 1px solid #586673;
	padding: 0 0 0 10px;
	display:block;
	width:226px;
	height:28px;
	text-decoration: none;
	color: #FFF;
}

ul#Level1 li a:hover {
	background: #25383e;
	color: #EA9C37;
}

 ul#Level1 li.navTreeItem-Registration a, ul#Level1 li.navTreeItem-Registration a:visited, ul#Level1 li.navTreeItem-Registration a:hover {
	background: #f26722;
	color: #ffffff;
	font-weight: bold;
}
ul#Level1 li.navTreeItem-Registration a:hover {
	background: #f8981d;
	color: #ffffff;
	font-weight: bold;
}

/****Sub Nav****/
#LeftNavigation ul#Level1 li#Level2 ul li{
	line-height:16px;
	text-transform:capitalize;
	font-weight:normal;
	font-size: 12px;
}
ul#Level1 li#Level2 ul li a, ul#Level1 li#Level2 ul li a:visited {
	line-height:16px;
	background: #536579;
	border-bottom: 1px solid #37434F;
	padding: 4px 0 4px 10px;
	display:block;
	width:224px;
	height:16px;
	text-decoration: none;
	color: #FFF;
}
ul#Level1 li#Level2 ul li a:hover{
	background: #7188A2 !important;
}


#LeftNavigation #left ul li#Level3 ul li a, #LeftNavigation #left ul li#Level3 ul li a:visited, #LeftNavigation #left ul li#Level3 ul li a.Selected, #LeftNavigation #left ul li#Level3 ul li a.Selected:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level3 ul li a.Selected:visited {
	background: #7188A2;
	line-height:16px;
	border-bottom: 1px solid #37434F;
	padding: 4px 0 4px 17px;
	display:block;
	width:216px;
	height:16px;
	text-decoration: none;
	color: #FFF;
}
#LeftNavigation #left ul li#Level2 ul li a:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover,  #LeftNavigation #left ul li#Level2 ul li a.Selected:hover {
	background: #536579;
}



/* PageHeader is for your header div.  This should define your background for your header image.  */
#PageHeader {
	display:block;
	width:960px;
	height: 200px;
	background: #FFF;
}

/* PageTitle is the container div for your logo image that links to the home page of the site.  */
#PageHeader #PageTitle {
}

/* This defines the Search Form that is displayed within your strap line.  */
#SearchForm {
float:right;
margin:0;
text-align:center;
width:220px;
}

/* Use this style to edit the the input box for the strapline Search Form.  */
#SearchForm input#ctl00_SearchControl__txtSearch {
background:transparent url(/RNA/RNA_PGAShow/Framework_images/bg_search.gif) no-repeat scroll 0 0;
border:0 none;
height:20px;
margin:0;
padding:0 0 0 25px;
width:110px;
}

/* Use this style to define the search button used in the strapline Search Form.*/
#SearchForm input.SearchButton {
background:#2b5374 url(/RNA/RNA_BookExpoUS/Framework_images/2010/bg_search.gif) no-repeat;
border:0;
color:#FFF;
font-weight:bold;
margin-top: 2px;
height:20px;
padding:0;
width:50px;
}   

/* DO NOT REMOVE: This will remove annoying divs that we wll probably never use.  */
#SponsorshipFooterLinks {
display:none;
}

/* DO NOT REMOVE: This removes the the text at the top that says "Skip to page content"  */
#accessibility-links {
display:none;
}


/* DO NOT REMOVE: This gets rid of the sponsorship block section.  You should disable this only if necessary.  */
.SponsorshipBlock {
display:none;
}

/* Replaces the old "absmiddle" valign.  Use this on images you want to lay in the middle of text.  */
.absmiddle {
vertical-align:middle;
}

/* DO NOT REMOVE: This is used to clear floating DIVs  */
.clear {
clear:both;
}

/* FORM STYLES: Feel free to edit these, they are for the Episerver forms.  */
.xformContainer .xformvalidator {
background-color:#FFDFDF;
color:#AF0000;
float:right;
font-size:11px;
font-weight:bold;
padding:10px;
}

.xformContainer fieldset {
border:1px solid #CCC;
padding:5px;
}

.xformContainer fieldset input {
clear:both;
}

.xformContainer fieldset label {
color:#666;
float:left;
font-weight:normal;
padding:0 0 0 5px;
width:auto;
}

.xformContainer input,.xformContainer select,.xformContainer textarea {
float:left;
}

.xformContainer label {
color:#333333;
float:left;
font-weight:bold;
line-height:20px;
text-align:left;
width:200px;
}

.xformContainer table#id_matrix td {
clear:both;
padding:10px;
width: 545px;
}

div#Container div.Column1WithLeftNav, div.Column1Full {
	border:medium none !important;
	margin:5px;
	width:475px;
}

.bodyContentMainBody {
padding:1px;
}

/* GENERAL STYLES: Use these as base styles for your website and adjust from there.  */
p {
	line-height:20px;
	margin:0;
	padding:2px 0 10px 0;
}
a:active, a:link, a:visited {
	color:#006699;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

body {
	background: #B7B7B7;
}

blockquote {
margin-left:30px;
}

body,td,th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

h1, .h1  {
	color:#ECA53A;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}
a.h1:link, a.h1:active, a.h1:visited, a.h1:hover {
	color:#ECA53A;
}

h2, .h2, .xformContainer .formheader {
	color:#4f84c4;
	font-size:16px;
	padding:10px 0 3px;
	font-weight: bold;
}
a.h2:link, a.h2:active, a.h2:visited, a.h2:hover {
	color:#4f84c4;
}

h3, .h3, .xformContainer fieldset legend {
	color:#1f4a60;
	font-size:14px;
	font-weight:bold;
	padding:3px 0 2px;
	font-weight: bold;
}
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover {
	color:#1f4a60;
}

h4, .h4 {
	color:#25383E;
	font-size:13px;
	font-weight:bold;
	padding:3px 0 2px;
	font-weight: bold;
}

a.h4:link, a.h4:active, a.h4:visited, a.h4:hover {
	color:#25383E;
}

.Header_Hardware {
	color: #1393D6;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_homewares {
	color: #D86C45;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_Lawn {
	color: #088E4E;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_Paint {
	color: #93449A;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_Plumbing {
	color: #EB2326;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_Global {
	color: #D28C21;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

.Header_Storage {
	color: #6A6B6D;
	font-size:18px;
	margin:0;
	padding: 10px 0 0;
	font-weight: bold;
}

img.floatleft {
float:left;
margin:3px 10px 0 0;
padding:0;
}

img.floatright {
float:right;
margin:3px 0 0 10px;
padding:0;
}

input,select,textarea {
color:#666;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}

ol {
list-style:decimal;
margin:5px 0 10px 30px;
padding:0;
}

ol li {
line-height:20px;
}

.left {
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ad8404 1px solid; 
	PADDING-TOP: 5px
}

.middle {
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ad8404 1px solid; 
	PADDING-TOP: 5px
}

.right {
	BORDER-RIGHT: #ad8404 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ad8404 1px solid; 
	PADDING-TOP: 5px
}

.left2 {
	PADDING-RIGHT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px;
	PADDING-LEFT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	BORDER-LEFT: #ad8404 1px solid; 
	BORDER-BOTTOM: #ad8404 1px solid; 
}

.middle2 {
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ad8404 1px solid; 
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #ad8404 1px solid; 
}

.right2 {
	BORDER-RIGHT: #ad8404 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ad8404 1px solid; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ad8404 1px solid; 
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #ad8404 1px solid; 
}


/**-------------eManual----------**/

a.emanual_button, a.emanual_button:visited {
			background: transparent url(/RNA/RNA_NationalHardwareShow/Images/2010/eManualbutton.jpg) no-repeat scroll 0 0;
            display: block;
            width: 120px;
            height: 42px;
            line-height: 15px;
            text-align: center;
            color: #996633 !important;
            font-weight: bold;
            font-size: 11px;
            margin: 0 auto;
            padding: 15px 0 0 0;
            text-decoration: none;
}

a.emanual_button:hover{  text-decoration: none !important;
            color: #996600 !important;
}

/*****************
Segment Global Block
*****************/
#ContentContainer .Column1WithLeftNav #gb_nav{
	display:block;
	height: 155px;
	width: 471px;
	text-align:center;
	margin-bottom:10px;
}
#ContentContainer .Column1WithLeftNav #gb_nav #segment_header{
	display:block;
	width:434px;
	margin:auto;
	height: 120px;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul{
	display:block;
	list-style:none;
	margin:0; padding:0;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li{
	float:left;
	display:block;
	height:38px;
	line-height:38px;
	margin:0; padding:0;
	list-style:none;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li a, #ContentContainer .Column1WithLeftNav #gb_nav ul li a:visited{
	color: #FFF;
	display:block;
	height:38px;
	line-height:38px;
	margin:auto;
	text-transform:uppercase;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li a:hover{
	text-decoration:underline;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li.feat, #ContentContainer .Column1WithLeftNav #gb_nav ul li.feat a{
	width:156px;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li.exhib, #ContentContainer .Column1WithLeftNav #gb_nav ul li.exhib a{
	width:103px;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li.break, #ContentContainer .Column1WithLeftNav #gb_nav ul li.break a{
	width:106px;
}
#ContentContainer .Column1WithLeftNav #gb_nav ul li.segments, #ContentContainer .Column1WithLeftNav #gb_nav ul li.segments a{
	width:106px;
}