/* MAIN SITE LOOK */
body {background-color:#ffffff; margin:0px; color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left}

/* IMAGES */
img.right {float: right; border:0px}
img.RightPad10 {float: right; border:0px; padding-left:10px; padding-bottom:10px}
img.left {float: left; vertical-align:middle; border:0px}
img.border {border: 1px solid #999999;}
img {border:0px}


/* LINKS */
a:link{color:#666666} a:visited{color:#666666} a:hover{color:#4682B4;}
a.blue:link{color:#0062c6} a.blue:visited{color:#0062c6} a.blue:hover{color:#990000}
a.red:link{color:#990000} a.red:visited{color:#990000} a.red:hover{color:#990000}
a.blue2:link{color:#4682B4; font-weight:bold} a.blue2:visited{color:#4682B4; font-weight:bold} a.blue2:hover{color:#990000; font-weight:bold}
a.blue3:link{color:#4682B4;} a.blue3:visited{color:#4682B4;} a.blue3:hover{color:#0062c6;}


a.featured:link{color:#4682B4; padding:1px 4px 1px 4px; border:1px solid #cccccc; background-color:#eeeeee} 
a.featured:visited{color:#4682B4; padding:1px 4px 1px 4px; border:1px solid #cccccc; background-color:#eeeeee} 
a.featured:hover{color:#ffffff; padding:1px 4px 1px 4px; border:1px solid #990000; background-color:#990000}

a.white:link{color:#ffffff} a.white:visited{color:#ffffff} a.white:hover{color:#333333}
a.grey:link{color:#333333} a.grey:visited{color:#333333} a.grey:hover{color:#ffffff}
a.white2:link{color:#ffffff} a.white2:visited{color:#ffffff} a.white2:hover{color:#cccccc}

a.shop:link {background-color: #4682b4; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px;	padding:3px 10px 3px 10px; text-align:center; white-space:nowrap; border:1px dotted #2c5272;}
a.shop:visited {background-color: #4682b4; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center; white-space:nowrap; border:1px dotted #2c5272;}
a.shop:hover {background-color: #990000; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center; white-space:nowrap; border:1px dotted #2c5272;}

a.shopcheckout:link {background-color: #990000; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center; white-space:nowrap; border:1px dotted #2c5272;}
a.shopcheckout:visited {background-color: #990000; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center;white-space:nowrap; border:1px dotted #2c5272;}
a.shopcheckout:hover {background-color: #ff0000; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center;white-space:nowrap; border:1px dotted #2c5272;}

a.hotdeals:link {background-color: #669966; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center; white-space:nowrap; border:1px dotted #2c5272;}
a.hotdeals:visited {background-color: #669966; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center;white-space:nowrap; border:1px dotted #2c5272;}
a.hotdeals:hover {background-color: #990000; font-weight: bold; font-size: 11px; color: #ffffff; letter-spacing:1px; padding:3px 10px 3px 10px; text-align:center;white-space:nowrap; border:1px dotted #2c5272;}

a { text-decoration:none }



/* Top Nav Button Rollovers */
#navigation td {background-color: #42688c;	border-top: 1px solid #42688c; border-right: 1px solid #42688c; border-bottom: 1px solid #42688c;}
#navigation td.NavLeft {background-color: #42688c; border: 1px solid #42688c;}
#navigation td.Order {background-color: #42688c; border-top: 1px solid #42688c; border-right: 1px solid #42688c; border-bottom: 1px solid #42688c;}

#navigation a {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	display:block;
	padding:9px 3px 9px 3px;
	text-align:center;
	white-space:nowrap
	}
	
#navigation a.Order {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	display:block;
	padding:9px 3px 9px 3px;
	text-align:center;
	white-space:nowrap
	}	
	
#navigation a:hover {
	background-color: #333333;
	color:#ffffff;
	}
	
#navigation a.Order:hover {
	background-color: #333333;
	color:#ffffff;
	}	

/* Ordering Button Rollovers */
#ordernav td.checkout {background-color: #990000;}
#ordernav td {background-color:#4682b4}

#ordernav a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing:1px;
	text-decoration: none;
	display:block;
	padding:3px 10px 3px 10px;
	text-align:center;
	white-space:nowrap;
	border:1px dotted #2c5272;
	}
	
#ordernav a:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing:1px;
	text-decoration: none;
	display:block;
	padding:3px 10px 3px 10px;
	text-align:center;
	white-space:nowrap;
	border:1px dotted #2c5272;
	background-color: #990000;}

#ordernav a.checkout:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing:1px;
	text-decoration: none;
	display:block;
	padding:3px 10px 3px 10px;
	text-align:center;
	white-space:nowrap;
	border:1px dotted #2c5272;
	background-color: #4682b4;	
	}


/* Home page button Rollovers */
#homepgnav td {background-color: #333333;}
#homepgnav a {font: bold; color: #ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}

#homepgnav a.BB {font: bold; background-color: #8e9f8d; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.BF {font: bold; background-color: #497590; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.Comm {font: bold; background-color: #A9A9A9; color:#333333; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.CH {font: bold; background-color: #bac8c6; color:#333333; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.CHooks {font: bold; background-color: #94a2b0; color:#333333; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.DF {font: bold; background-color: #c59b67; color:#333333; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.DH {font: bold; background-color: #a24d08; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}		
#homepgnav a.DS {font: bold; background-color: #772100; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.H {font: bold; background-color: #466768; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.LP {font: bold; background-color: #908376; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.LL {font: bold; background-color: #cec6bc; color:#333333; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.NB {font: bold; background-color: #4c2832; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.SF {font: bold; background-color: #d2222a; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.SB {font: bold; background-color: #ad939c; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.SSF {font: bold; background-color: #0067c5; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}
#homepgnav a.WF {font: bold; background-color: #abb08a; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.Hinges {font: bold; background-color: #708090; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
#homepgnav a.MP {font: bold; background-color: #4a929c; color:#ffffff; letter-spacing:normal; text-decoration: none; display:block; padding:4px 5px 2px 5px; text-align:left; white-space:nowrap; height:15px; text-shadow: 0.1em 0.1em 0.2em #666666}	
	
#homepgnav a:hover {background-color: #696969; color:#ffffff;}


/* HIGHLIGHTING */
.highlight     {color: #333333; background-color: #cccccc; padding: 3px; border: 1px solid #666666; font-size:14px}
.highlightbox     {color: #333333; background-color: #E8E8E8; border: 1px solid #999999; padding: 3px; font-size:14px; font-weight:bold}
.highlightbox2     {color: #ffffff; background-color: #333333; border: 1px solid #000000; padding: 3px; font-size:14px; font-weight:bold}
.HomePgText {width:400px; font-size:11px; float:right; border:1px solid #cccccc; padding:3px; text-align:justify; color:#666666}
.HomePgText2 {font-size:11px; clear:right; border:1px solid #cccccc; padding:3px; text-align:left; color:#666666;}


/* MAIN PAGE TITLES */
.bannisterbrackets {font-size:16px; color:#ffffff; background-color:#8f9f8e; font-weight:bold}
.bathroomfittings {font-size:16px; color:#ffffff; background-color:#4a7591; font-weight:bold}
.securityfittings {font-size:16px; color:#ffffff; background-color:#d2222a; font-weight:bold}
.cabinethardware {font-size:16px; color:#ffffff; background-color:#bac8c6; font-weight:bold}
.cabinhooks {font-size:16px; color:#ffffff; background-color:#94a2b0; font-weight:bold}
.CommHardware {font-size:16px; color:#ffffff; background-color:#A9A9A9; font-weight:bold;padding:4px}
.doorfittings {font-size:16px; color:#ffffff; background-color:#c59b67; font-weight:bold}
.doorhandles {font-size:16px; color:#ffffff; background-color:#a24d08; font-weight:bold}
.doorstops {font-size:16px; color:#ffffff; background-color:#772100; font-weight:bold}
.specs {font-size:16px; color:#ffffff; background-color:#77787c; font-weight:bold}
.hinges {font-size:16px; color:#ffffff; background-color:#708090; font-weight:bold; padding:5px; width:400px}
.hooks {font-size:16px; color:#ffffff; background-color:#466768; font-weight:bold}
.kickplates {font-size:16px; color:#ffffff; background-color:#908376; font-weight:bold; padding:5px; width:400px}
.lettersnumbers {font-size:16px; color:#ffffff; background-color:#cec6bc; font-weight:bold}
.neckbolts {font-size:16px; color:#ffffff; background-color:#4c2832; font-weight:bold}
.socketbolts {font-size:16px; color:#ffffff; background-color:#ad939c; font-weight:bold}
.windowfittings {font-size:16px; color:#ffffff; background-color:#abb08a; font-weight:bold}
.ssfittings {font-size:16px; color:#ffffff; background-color:#0067c5; font-weight:bold}
.ssfittings2 {font-size:16px; color:#ffffff; background-color:#0067c5; font-weight:bold; padding:5px; width:400px}
.shopping {font-size:16px; color:#ffffff; background-color:#333366; font-weight:bold}
.ordertitles {font-size:16px; color:#ffffff; background-color:#77787c; font-weight:bold; padding:5px}
.bbsmallcenter {font-size:10px; text-align: center; color:#333333; background-color:#ffffff; border-right: 1px solid #999999; border-left: 1px solid #999999; }
.mischeader {font-size:16px; color:#ffffff; background-color:#4a929c; font-weight:bold; padding:5px; width:400px}
.SALEheader {font-size:16px; color:#ffffff; background-color:#669966; font-weight:bold; padding:5px; width:400px}


/* FONT STYLES */
.header {font-size:16px; font-weight:bold}
.footer {font-size:12px; color:#dddddd}
.title {font-size:16px;font-weight:bold}

h1 {font-size:16px; font-weight:bold}
h2 {font-size:14px; font-weight:bold}
h3 {font-size:11px; font-weight:bold}
h4 {font-size:10px; font-weight:bold}

.small {font-size:10px;}
.smallcenter {font-size:10px; text-align: center;}
.ten {font-size:10px;}
.tenc {font-size:10px; text-align: center;}
.eleven {font-size:11px;}
.elevenfooter {font-size:11px; color:#666666}
.elevenc {font-size:11px; text-align: center;}
.twelve {font-size:12px;}
.twelvec {font-size:12px; text-align: center;}
.fourteen {font-size:14px;}
.fourteenred {font-size:14px; color:#990000}
.fourteenc {font-size:14px; text-align: center;}
.sixteen {font-size:16px;}
.sixteenc {font-size:16px; text-align: center;}



.red {color:#990000}
.white {color:#ffffff}
.grey {color:#666666}
.teal {font-size:10px; color:#7E8B95}
.right {font-size:12px; text-align: right;}
.bold {font-weight: bold}
.nowrap {white-space: nowrap}
.FloatStop {clear:both; width:1px; height:1px}
.DefaultImage {width:496px; height:98px; background-image:url(images/Default_banner.jpg); background-repeat:no-repeat}
.inline {display:inline}
.center {text-align:center}
.right {text-align:right}
.smallright: {font-size:10px; text-align: right;}


/* BORDERS */
.bordertb {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f7f7f7; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap}
.bordertbR {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f7f7f7; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap; text-align:right}
.bordertbDark {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #eeeeee; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap; font-weight:bold}
.bordertbDarkR {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #eeeeee; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap; font-weight:bold; text-align:right}
.bordertb2 {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #f7f7f7; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap}
.bordertb2C {border: 1px solid #cccccc; text-align:center;background-color: #f7f7f7; white-space:nowrap}

.bordertb2b {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; background-color: #eeeeee; padding-left:10px; padding-right:10px; padding-top: 2px; padding-bottom:3px; white-space:nowrap}
.bordertbsm {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f7f7f7; padding-left:5px; padding-right:5px; padding-top: 2px; padding-bottom:3px; font-size:10px; white-space:nowrap}
.bordertbsm2 {border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #f7f7f7; padding-left:5px; padding-right:5px; padding-top: 2px; padding-bottom:3px; font-size:90%; white-space:nowrap; border-right:1px solid #cccccc}

/* DIV TAGS */
div.nav {padding: 3px; width:100px}
div.shopping {font-size:16px; color:#ffffff; background-color:#333366; font-weight:bold; padding:5px}
div.WelcomeContainer {padding-left:10px; padding-right:10px}
div.WelcomeContainer2 {width:872px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:17px}


/* TABLES */
/*Forms */
table.form {background-color:#b0c4de; border:1px solid #999999;margin:auto}
.form td {text-align:left; padding:3px 20px 3px 20px; vertical-align:top}
.form td.formTop {text-align:left; padding:20px 20px 6px 20px}
.form td.formBot {text-align:left; padding:3px 20px 20px 20px}
.form td.formLeft {color:#cc0000;padding:3px 0px 6px 20px;text-align:right}
.form td.formLeftTop {padding:20px 0px 3px 20px;text-align:right}
.form td.formLeftVTop {padding:12px 0px 3px 20px;text-align:right;vertical-align:top}
.FormField {padding:3px;width:200px}

table.border {font-size:12px; border: 1px solid #999999;} 
table.MainTable {margin-left:auto; margin-right:auto; width:930px}
table.ContentTable {margin-left:auto; margin-right:auto; width:930px}
table.CenterTable {margin-left:auto; margin-right:auto}
table.center {margin-left:auto; margin-right:auto}

td.content {font-size:12px; text-align: center; background-color:#ffffff; padding:0px; border: 1px solid #ffffff; width:100%}
td.shadowright {background-image:url(images/shadow_right.jpg); background-repeat:repeat-y; width:16px}
td.shadowright2 {width:16px}

td.shadowbottom {background-image:url(images/shadow_bottom.jpg); background-repeat:repeat-x; height:16px; width:100%}
td.header {background-color:#ffffff; text-align:center; border-bottom:1px solid #ffffff; width:100%}
td.header2 {background-color:#000000; text-align:left; border-bottom:1px solid #ffffff}
td.topnav {background-color:#eeeeee; text-align:left; border:1px solid #999999; padding-top:3px; padding-bottom:3px; padding-left:0px; text-align:left}
td.footerbox {font-size:11px; color:#ffffff; padding:5px; border: 1px solid #42688c; background-color:#557797}
	.footerbox a:link {color:#ffffff;font-size:10px;}
	.footerbox a:visited {color:#ffffff;font-size:10px;}
	.footerbox a:hover {color:#ffffff;text-decoration:underline;font-size:10px;}
td {text-align:left}
td.border {border: 1px solid #999999;}
td.bordersm {font-size:10px; border: 1px solid #999999;}
td.PadLeft10 {padding-left:10px}
td.PadLeft20 {padding-left:20px}
td.paddingbottom {padding-bottom:10px}
td.paddingbottom2 {padding-bottom:10px; font-size:11px}
td.border2 {font-size:12px; border: 1px solid #999999; padding:10px; width:430px}
td.lifestylewindow {font-size:12px; border: 1px solid #ffffff; padding:0px;width:430px}
td.SideNav {width:400px}
td.MidCell {width:20px}
td.PadLeft20 {padding-left:20px}
td.center {font-size:12px; text-align: center;}
td.bordercenter {font-size:12px; text-align: center; border: 1px solid #999999;}
td.smallcenter {font-size:10px; text-align: center; width:25%}
td.bordersmcenter {font-size:10px; text-align: center; border: 1px solid #999999;}
td.borderlines {font-size:12px; text-align: center; border-top: 1px solid #999999; border-bottom: 1px solid #999999;}
td.nav {font-size:12px; text-align: center; background-color: #666666; padding:3px; border: 1px solid #cccccc}
td.welcomeicons {width:16%; text-align:center; font-weight:bold; font-size:11px}
.arrow {width:23px}
.catdownload {width:100%}

/* LISTS */
ul {list-style-type: disc;}
ul.square {list-style-type: square;}
ul.square li.nomarker {list-style-type:none}
ul.small {list-style-type: disc;}
ol {list-style-type: decimal;}
ol.small {list-style-type: decimal;}