@charset "utf-8";
/* CSS Document */
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}
/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 16px;}

/* Link Settings */
a:link{color: #990033; text-decoration: none;}
a:visited{color: #666666;text-decoration: underline;}
a:hover{color: #666666; text-decoration: underline;}

#navContainer a:link{color: #FFFFFF; text-decoration: none;}
#navContainer a:visited{color: #FFFFFF;text-decoration: none;}
#navContainer a:hover{color: #CCCCCC;}

/* Headings */
h1{margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; color: #2a83bf; border-bottom: 1px solid #2a83bf;}
h2{margin: 0px 0px 10px 0px; padding: 0px; font-size: 16px; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; text-align: left;}
h3{color: #1b71a2; margin-bottom: 5px; border-bottom: 1px solid #d8d2ca;}

/* Main Site Containers */
#container{margin:0px auto 0px auto; width:960px; position: relative; background-color: #FFFFFF; border: 1px solid #FFFFFF;}
.headerContainer{position: relative; margin: 8px 0px 10px 0px;}

#contentContainer{position: relative; margin: 0px 0px 0px 0px; width: 960px; padding: 0px; text-align: justify;
	background: url(../i/TestimonialVTile10.jpg) repeat-y left;}
#leftColumn{float: left; width: 181px;}
#rightColumn{float: left; width: 747px; margin: 0px 0px 0px 10px; padding: 10px; background-color: #fbf5e6; border: 1px solid #ead0af; position: relative;}
#footerContainer{margin: 0px 0px 0px 181px; width: 779px; padding: 5px 0px 5px 0px; text-align: center; color: #666666; font-size: 10px;}

#navContainer{position: relative; margin: 0px; padding: 0px; left: 0px; right: 0px; height: 239px; color: #FFFFFF; background-color: #FFFFFF;}
#navigation{background:url("../i/NavUp7_new.jpg") 0 0 no-repeat; width:181px; height:322px; margin:0; padding:0;}
#navigation li span { display: none; }
#navigation li { float:left; list-style:none; position:relative; }
#navigation li, #navigation a {   
    height:35px;    /* Each button must have the same height, define it here */ display:block; margin:0; padding:0;}

li#navHome, li#navLiners, li#navNHLNetting, li#navIronSleekBrackets, li#navProducts, li#navOrderOnline,li#navContact {width:181px; }

#navHome a:hover { background:url("../i/NavOver7_new.jpg") 0px 0px no-repeat;}
#navLiners a:hover { background:url("../i/NavOver7_new.jpg") 0px -35px no-repeat;}
#navNHLNetting a:hover { background:url("../i/NavOver7_new.jpg") 0px -70px no-repeat;}
#navIronSleekBrackets a:hover { background:url("../i/NavOver7_new.jpg") 0px -105px no-repeat;}
#navProducts a:hover { background:url("../i/NavOver7_new.jpg") 0px -140px no-repeat;}
#navOrderOnline a:hover { background:url("../i/NavOver7_new.jpg") 0px -175px no-repeat;}
#navContact a:hover { background:url("../i/NavOver7_new.jpg") 0px -210px no-repeat;}

.testimonial{position: relative; margin: 15px 15px 15px 15px; font-size: 11px; text-align: center; color: #FFFFFF;}

/* Lists */
.copyList{margin: 10px 0px 10px 0px;}
.copyList li {
	list-style-type: disc;
	font-size: 13px;
	margin: 0px 0px 0px 50px;
	line-height: 20px;
	text-align: left;
}

/* Layout */
.mapContainer{float: right; border: 1px solid #7a6958; width:400px; height: 400px; margin: 0px 0px 5px 15px;}
#creditCards{position: absolute; bottom: 0px; right: 65px; background-color: #f8edd0; border: 1px solid #e9cda5; border-bottom: none; padding: 8px;}

/*Form */
.form{width: 440px; margin: 0px auto;}
.row{clear: left; padding: 6px; font-weight: bold; font-size: 13px;}
label{float: left; width: 135px; text-align: right; margin-right: 5px; padding-top: 3px;}
.txtbx{float: left; width:203px; border: 1px solid #7a6958; padding: 3px;}
.txtbxR{float: left; width:200px; border: 1px solid #7a6958; padding: 3px; border-right: 4px solid #CC0000;}
.ddl{float:left; width:205px; border: 1px solid #7a6958;}
.ddlR{float:left; width:75px; border: 1px solid #7a6958; border-right: 4px solid #CC0000;}
.validation{float:left; color:Red}
.txtarea{width:420px; height: 100px;}
.chkLabel{float:none;}

.picIdentify{float: left; width: 140px; text-align: center; margin-bottom: 5px;}
.picIdentify img{margin: 6px; border: 1px solid #CCCCCC;}

/*Misc */
.clear{margin:0px; padding: 0px; clear: both; height: 0px;}
.center{text-align: center;}
.italic{text-align: center; font-style: italic; padding: 0px 70px 0px 40px; margin: 15px 0px 15px 0px; font-size: 13px; line-height: 16px; font-weight:bold;}
hr.thin{height: 1px; border: 0px; color: #67573e; background-color: #7a6958;}
.smallText{font-size: 12px;}

.floatL{float: left; position: relative; margin: 0px 15px 10px 0px;}
.floatR{float: right; position: relative; text-align:center; margin: 0px 0px 10px 15px;}

/* Ecommerce */
.prodprice, .detailprice {
color: #2a83bf;
padding-top: 4px;
font-size: 13px;
font-weight:normal;
}
.prodname, .detailname {
color:#000;
font-size: 16px;
font-weight:normal;
padding-bottom: 6px;
}
td.product {
border: 1px dotted #2a83bf;
padding: 15px;
}
div.prodname {
font-size: 14px;
font-family : Verdana,Arial;
font-weight:bolder;
}
.buybutton{
vertical-align:middle;
padding: inherit;
}
P.catname {
margin-top: 0px;
margin-bottom: 4px;
padding-left: 6px;
vertical-align:text-top;
}