body
{
background-color:#ffffff;
}

#maincontent
{
background-color: #ffffff; 
text-align: left; 
vertical-align:top;
width:100%;
}

#maincontentmain
{
background-color: #ffffff; 
text-align: left; 
padding: 20px; 

font-family: Gill Sans MT, Arial; 
font-size: 12pt;
vertical-align:top;
width:630px
}

.mainmenu
{
text-align:center;
margin-left:auto;
margin-right:auto;
width:100%;
}

.mainmenu a:link
{
font-size:8pt;
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#000000;
border:1px solid #ffffff;
}

.mainmenu a:visited
{
font-size:8pt;
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#000000;
border:1px solid #ffffff;
}

.mainmenu a:hover
{
font-size:8pt;
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#ffffff;
background-color: #4A5478;
border:1px solid #CCCCCC;
}

.newuser:link
{
font-size:9pt;
text-decoration:none;
color:#000080;
}

.newuser:visited
{
font-size:9pt;
text-decoration:none;
color:#000080;
}

.newuser:hover
{
font-size:9pt;
text-decoration:none;
color:red;
}

#maintable
{
width:780px;
border:1px solid #CCCCCC;
text-align:center;
margin:0 auto;
font-family: Arial;
font-size:8pt;
background-color:#FFFFFF;
}

hr
{
padding:0px;
margin:0px;
height:2px;
}

#content
{
width:780px;
text-align:left;
}

#productsmenu
{
font-weight:bold;
color:#03134F;
height:451px;
width:130px;
text-align:center;
border-right:1px solid #CCCCCC;
background:url("/CMSTemplates/NorthernIronmongery/images/backi.gif") center repeat-y;
}

.showthei
{
width:28px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
}

.dontshowthei
{
width:28px;
}

.subproductcategory 
{
width: 105px;
color:#03134F;
margin: 3px;
text-align: left;
padding-left:10px;
}

.subsubnav
{
font-size: 10px;
text-decoration: none;
text-align: center;
color:red;
}

.subsubnav:visited
{
font-size: 10px;
text-decoration: none;
text-align: center;
color:red;
}

.subsubnav:hover
{
color: #03134F;
font-size: 10px;
text-decoration: none;
text-align: center;
}

.productcategory 
{
width: 110px;
color:#03134F;
margin: 3px;
text-align: left;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;

}

.subnav
{
color:#03134F;
font-size: 10px;
text-decoration: none;
text-align: center;
}

.subnav:visited
{
color:#03134F;
font-size: 10px;
text-decoration: none;
text-align: center;
}

.subnav:active
{
color: red;
}

.subnav:hover 
{ 
color: red; 
}

#display
{
border:1px solid #CCCCCC;
text-align:left;
height:100px;
width:520px;
vertical-align:top;
padding:5px;
}

#display h2
{
font-size:12pt;
color:#010D43;
}

.logout
{
border:1px solid #CCCCCC;
width:130px;
color:#000000;
}

.logout th
{
color:#ffffff;
width:100%;
background:url("/CMSTemplates/NorthernIronmongery/images/backtrolley.png") repeat-x;
}

#shoppingbasket
{
border:1px solid #CCCCCC;
width:130px;
color:#000000;
}

#shoppingbasket th
{
color:#ffffff;
width:100%;
background:url("/CMSTemplates/NorthernIronmongery/images/backtrolley.png") repeat-x;
}

#footer
{
text-align:center;
width:100%;
}

.login
{
border:1px solid #ebebeb;
width:130px;
color:#000000;
}

.login th
{
color:#ffffff;
width:100%;
background:url("/CMSTemplates/NorthernIronmongery/images/backtrolley.png") repeat-x;
}

.search
{
color:#000000;
text-align:left;
padding:5px;
}

li
{
margin-left:30px;
}

#FooterContentPlaceHolder
{
width:100%;
}

#links a:link
{
color:#000080;
text-decoration:none;
}
#links a:visited
{
color:#000080;
text-decoration:none;
}
#links a:hover
{
color:red;
text-decoration:none;
}

#wholepage
{
margin-left:auto;
margin-right:auto;
width:780px;
border:1px solid #CCCCCC;
background-color:#03134F;
}

#header
{
font-family: Verdana; 
font-size:9pt;
height:175px;
width:780px;
text-align:center;
background:url("/CMSTemplates/NorthernIronmongery/images/mainheader.jpg") center no-repeat;
}

#centerboxes
{
margin-left:auto;
margin-right:auto;
text-align:left;
}

#centerboxes a:link, a:visited
{
font-size:14px;
color:#ffffff;
text-decoration:none;

}

#centerboxes a:hover
{
font-size:14px;
color:#EB1C22;
text-decoration:none;
}

#contentdetails
{
margin-left:200px;
padding:10px;
text-align:left;
color:#999999;
background-color:#ffffff;
}

#contentdetails h2
{
color:#EE1D23;
font-size:14px;
font-weight:bold;
}
.linkstyle a:link
{
color:#000080;
text-decoration:none;
}
.linkstyle a:visited
{
color:#000080;
text-decoration:none;
}
.linkstyle a:hover
{
color:red;
text-decoration:none;
}
#startupfooter a:link
{
color:#000080;
text-decoration:none;
font-size:9pt;
}
#startupfooter a:visited
{
color:#000080;
text-decoration:none;
font-size:9pt;
}
#startupfooter a:hover
{
color:red;
text-decoration:none;
font-size:9pt;
}

.MainCMSMenu
{
margin-left: auto; 
margin-right: 6px;
}

.MainCMSMenuItem 
{ 
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#ffffff;           
}

.MainCMSMenuItemMouseUp 
{ 
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#ffffff;            
}

.MainCMSMenuItemMouseOver 
{ 
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#ED1B24;
cursor:pointer;
}

.MainCMSMenuItemMouseDown 
{ 
text-decoration:none;
padding-left:6px;
padding-right:6px;
color:#ED1B24;
}

.MainCMSMenuHighlightedMenuItem
{
color:#ffffff;
}
        
.MainCMSMenuHighlightedMenuItemMouseOver
{
cursor:default;
color:#ED1B24;
}

#menutoleft
{
background:url("/CMSTemplates/NorthernIronmongery/images/backi.gif") center repeat-y;	
}

.CMSMenu
{
margin-top:10px;
margin-left: auto; 
background-color:transparent;
margin-right: auto;
font-size:10pt;
font-family:Arial, Verdana;
}
        
.CMSMenuItem 
{ 
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
text-decoration:none;
color:#04144F;
}
        
.CMSMenuItemMouseUp 
{ 
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
text-decoration:none;
color:#04144F;            
}
        
.CMSMenuItemMouseOver 
{ 
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
text-decoration:none;
color:#ED1B24;
cursor:pointer;
}
        
.CMSMenuItemMouseDown 
{ 
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
text-decoration:none;
color:#ED1B24;
}
        
.CMSMenuHighlightedMenuItem
{  
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;        
color:#ED1B24;
}
        
.CMSMenuHighlightedMenuItemMouseOver
{
text-indent:20px;
background:url("/CMSTemplates/NorthernIronmongery/images/thei.gif") left no-repeat;
cursor:default;
color:#ED1B24;
}

.CMSSiteMapListItem a:link
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.CMSSiteMapListItem a:visited
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.CMSSiteMapListItem a:hover
{
color:red;
text-decoration:none;
font-size:9pt;
}

.adminTable
{
width:100%;
}

.adminTable a:link
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.adminTable a:visited
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.adminTable a:hover
{
color:red;
text-decoration:none;
font-size:9pt;
}

.tableLink a:link
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.tableLink a:visited
{
color:#000080;
text-decoration:none;
font-size:9pt;
}

.tableLink a:hover
{
color:red;
text-decoration:none;
font-size:9pt;
}

.nonCustomerNotice a:link
{
font-size:8pt;
text-decoration:none;
color:#000000;
}

.nonCustomerNotice a:visited
{
color:#000000;
text-decoration:none;
font-size:8pt;
}

.nonCustomerNotice a:hover
{
color:red;
text-decoration:none;
font-size:8pt;
}

.TabControlTable { FONT-SIZE: 14px; FONT-FAMILY: Arial,Verdana }
.TabControlLink td, a:visited { COLOR: black; TEXT-DECORATION: none }
.TabControlRow { }
.TabControl { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; BACKGROUND: #B6B6E7; BORDER-LEFT: black 1px solid; CURSOR: pointer; COLOR: black }
.TabControlSelected { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: bold; BACKGROUND: #010D43; BORDER-LEFT: black 1px solid; CURSOR: default; COLOR: white }
.TabControlSelected a:visited { COLOR: white; }      
.TabControlLinkSelected { COLOR: white; TEXT-DECORATION: none }
.TabControlLink { COLOR: black; TEXT-DECORATION: none }
.TabControlLeft { WIDTH: 1px; cursor:default;}
.TabControlRight { WIDTH: 0px; cursor:default;}
.TabControlSelectedLeft { WIDTH: 1px; cursor:default;}
.TabControlSelectedRight { WIDTH: 0px; cursor:default;}

.GridViewRight
{
padding-right:2px;
}