@charset "UTF-8";
@import url("oldstyles.css");



body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-bottom: 3px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(images_template/bg_container.png);
	background-position: center top;
	background-repeat: repeat-y;

}
.oneColFixCtrHdr #header {
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:156px;
	background-image: url(images_template/bg_header.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.lowerheader {
	padding: 0;
	height: 40px;
	width: 750px;
	margin: 0 auto;

}
.oneColFixCtrHdr #canadabutton {
	padding:0;
	/*padding: 0 10px 0 20px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:60px;
	background-image: url(images/canda-version.png);
	background-position: center top;
	background-repeat: no-repeat;
	float:inherit;
}
/*div#header h1, div#header h1 img {margin: 0; padding:0;}*/
div#headerbar { height:34px; border-top: solid 2px black; border-bottom: solid 2px black;}

div #navframe{ width: 160px; height:auto; float: left; margin-right: 10px; margin-bottom: 20px;}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 30px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-left:160px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-left:160px;
	text-align:center;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}




/*  this is for the navigation  */
#nav, ul#nav, ul#nav li {
	margin:0; padding:0;
}
#nav ul{
	width: 166px;
	border-bottom: solid 2px black;
}
#nav li { 
	border: solid 1px black; 
	border-left: solid 3px black; border-right: solid 3px black;
	list-style: none;
	height: 25px; width: 160px;
	font-size:14px; line-height:25px; text-indent:10px; text-transform:uppercase; font-weight: bold;
	color: white;
	margin:0; padding:0;
	vertical-align:middle;
}
#nav li a, #nav li a:visited { 
	display:block;
	height: 25px;
	width: 160px;
	color: white;
	text-decoration:none;
	background-image: url(images_template/bg_nav.png);
	background-repeat: no-repeat;
}
#nav li a:hover {
	background-image: url(images_template/bg_nav_over.png);
	background-repeat: no-repeat;	
}
#Home ul#nav li#nav_home a,
#BusinessCards ul#nav li#nav_businesscards a,
#Envelopes ul#nav li#nav_envelopes a,
#Letterhead ul#nav li#nav_letterhead a,
#Pricelist ul#nav li#nav_pricelist a,
#Contactinformation ul#nav li#nav_contact a,
#Orderonline ul#nav li#nav_orderonline a,
#Freesample ul#nav li#nav_freesample a,
#FAQ ul#nav li#nav_faq a
{color: black;}

/*
#BusinessCards ul#nav li.currentpage a{
	color: black; 	background-color: #6f7451;	background-image:none;	border-left: solid 2px black; border-top: solid 1px black; border-bottom: solid 1px black;}
*/


/*Buttons that look just like the nav but they are horixontal*/


.ButtonNav, ul.ButtonNav, ul.ButtonNav li {
	margin:0px; padding:0;
}
ul.ButtonNav li {
	display: inline;	
	list-style: none;
	height: 25px; /*width:160px;*/
	font-size:14px; line-height:25px; text-indent:; text-transform:uppercase; font-weight: bold;
	color: black;
	vertical-align:middle;
	text-align:center;
	/*border: solid 2px black;*/
}
ul.ButtonNav li a, ul.ButtonNav li a:link, ul.ButtonNav li a:visited { 
	padding: 2px 10px; border: solid 2px black;
	height: 25px;
	width: 160px;
	color: black;
	text-decoration:none;
	background-image: url(images_template/bg_button.png);
	background-repeat: repeat-y;
}
ul.ButtonNav li a:hover {
	padding: 2px 10px;
	height: 25px;
	width: 160px;
	color: black;
	text-decoration:none;
	background-image: url(images_template/bg_button_over.png);
	background-repeat: repeat-y ;	
}




































/* Form styles*/
#form_container {
	width: auto;
	font-size: 11px;
}
#form_container, #form_container td, #form_container th, #form_container h1, #form_container h3  {
	font-family:Arial, Helvetica, sans-serif; color:black;
}
#form_container h1 { font-size:22px; margin:15px 0;}
#form_container h3 { color:black;}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*form {border: solid 5px whitesmoke;}*/

div#form_container form fieldset { 
	margin-top:20px;
}
div#form_container form fieldset legend { 
	font-size: 18px;
	color:#660000;
}
div#form_container form label { 	
}
/*div#form_container form input { 
	color:green;
}
div#form_container form select { 
	color:blue;
}*/
form table.formsection td { padding:3px; vertical-align: top;}
form table.formsection th { padding:3px; vertical-align: top; text-align:left; font-weight:normal; width: 125px;}
form table.formsection textarea { width: 100%;}
#form_container form h3 { 	font-size: 14px; margin:0; padding:0;}

.paypalform { padding:3px; vertical-align: top; font-size:10px;}
.paypalform td { padding:3px; vertical-align: top;}
.paypalform th { padding:3px; vertical-align: top; text-align:left; font-weight:normal; width: 125px;}
.paypalform textarea { width: 100%;}