/*
If you see another style sheet referenced in a comment below (i.e. something like 'ie7.css') it means that there's a corresponding style in that file in order to compensate for internet explorer being a poor browser. The only time this matters is when you changes something in one of these tags you need to be sure to change it in the corresponding internet explorer style sheet as well.
*/


/* BEGIN STRUCTURE 
This section controls most of the web site including width, position of sections etc. It goes through about line 320. 
*/

:focus {-moz-outline-style: none;} /* removes dotted border around Firefox links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; 
	text-align:center; 
	background-color:#e7e7e7; /* background color of the whole browswer window */
}

table#container {
	width:982px; /* overall width of the page, i.e. the white section */
	height:100%;
	background-color:#fff; /* background color for the whole page */
	margin:0 auto 0 auto; /* the two 'auto' margins center the page */
	text-align:left;
	border:0px solid black;
}
#container td {vertical-align:top;}



/* BEGIN HEADER: this section contains the logo, tagline, phone and navigation */
/*-----------------------------------------------------*/
td#branding_nav { /* main container for the HEADER section. */
	height:107px; 
	background-image:url("/img/bg-nav.gif"); /* this images is the navigation bar */
	background-position:21px 65px; /* this positions the image relative to the top left corner. the first number is how far from the left and the second is how far from the top */
	background-repeat:no-repeat;
	border:0px solid #000;
}

#branding_nav img#logo { /* move your logo around by adjusting these number accordingly */
	position:absolute;
	top:4px;
	left:30px;
}

#tagline { /* move and modify the tagline here */
	font-size:12px;
	color:green;
	position:absolute;
	top:41px;
	left:35px;
	z-index:2; /* z-index works for anything positioned abosolutely. Think of it like layers in Photoshop. A higher number will appear on top of a lower number. */ 
}

/*ie7.css*/
#branding_nav p#phone {
	font-size:14px;
	font-weight:bold;
	float:right;
	margin:27px 34px 0px 0px;
}
#branding_nav p#phone a {text-decoration:none;}
#branding_nav p#phone img {margin:0px 7px 0px 7px;vertical-align:top;}

div#nav {position:absolute;top:56px;left:5px;}

#nav h2 { /* the word 'print products' in the nav as well as the arrow pointing down are controlled here. */
	position:absolute;
	top:19px;
	left:32px;
	width:200px;
	height:40px;
	color:#fff;
	font-size:16px;
	background-image:url("/img/arrow-products.gif");
	background-position:70px 27px;
	background-repeat:no-repeat;
	border:0px solid black; /* if you are having trouble visualizing what's going on a great thing is to add a border around it so you can see it. This is why you will see a lot of these tags in my css. I use them for testing and then set them to 0 */
}

/*ie.css*/
div#iframeWrap iframe{ /* Javascript scroller */
	position:absolute;
	top:76px;
	right:40px;
	width:140px;
	height:19px;
	color:#000;
	font-size:12px;
	background-color:#005e92;
	z-index:3;
	border:0px solid black;
}


/*ie.css*/
div#scroller_gradient { /* Creates the nice gradient so the text looks like it fades out  */
	position:absolute;
	top:15px;
	right:33px;
	width:175px;
	height:26px;
	background-image:url("/img/gradient-scroller.png");
	background-position:top left;
	background-repeat:no-repeat;	
}

#nav h3 img {
	position:absolute;
	top:-2px;
	left:0px;
	z-index:3;
}
#nav ul { /* contains your main navigation - home, about etc. */
	position:absolute;
	top:9px;
	left:219px;
	width:529px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a {
	display:block;
	padding:12px 11px 9px 11px;
	font-size:14px;
	font-weight:bold;
	color:#fff; /* color of the button text */
	text-decoration:none;
	border:0px solid black;
}
#nav a:visited {}
#nav a:hover {background-color:#005e92;} /* color of navigation when you mouse over it */
#nav a.at {color:#849aa6;} /* text color of navigation when you mouse over it */
#nav a.at:visited {}
#nav a.at:hover {color:#fff;} /* color of navigation when you are on the corresponding page (i.e. the color of the 'home' button text when you're on the home page) */
#nav li {float:left;} 

#nav li.padding_adjust a {padding-right:10px;}
/* ----------------------------------------------------*/
/* END HEADER */







/* BEGIN LEFT-HAND NAVIGATION - this controls the long list of products on the left */
/* ----------------------------------------------------*/
td#subnav {
	width:155px;
	background-image:url("/img/bg-subnav.jpg");
	background-position:top right;
	background-repeat:no-repeat;
	padding:0px 0px 100px 22px;
	border:0px solid #000;
}

#subnav ul {
	margin:0px;
	padding:10px 0px 0px 0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#subnav ul li {
	height:auto
}

#subnav ul li a {
	display:block;
	width:125px;
	font-size:12px;
	margin:0;
	padding:1px 0px 0px 16px;
	color:#005e92;
	text-decoration:none;
	border:0px solid black;
}
#subnav ul li a:visited {}
#subnav ul li a:hover {color:#000;}
/* ----------------------------------------------------*/
/* END LEFT-HAND NAVIGATION */






/* BEGIN MAIN CONTENT AREAS - this controls the areas where text and/or iframes are */
/* ----------------------------------------------------*/
td#content_main {
	padding:14px 40px 10px 25px;
	border:0px solid #000;
}

td#content_main_interfirm {
	padding:14px 30px 10px 15px;
	border:0px solid #000;
}

td#content_main_3column {
	padding:5px 0px 10px 25px;
	border:0px solid #000;
}

td#content_main_home {
	padding:0px 0px 0px 3px;
	border:0px solid #000;
}

img#graphic_home {margin-bottom:-21px;}

div#center_column {
	float:left;
	width:525px;
	padding:9px 25px 0px 0px;
}

div#center_column_home {
	position:relative;
	float:left;
	width:570px;
	padding:9px 0px 0px 0px;
}

div#sidebar { /* right-hand column for graphics like free shipping etc. */
	float:right;
	width:155px;
	margin:0px 20px 0px 0px;
}
/* ----------------------------------------------------*/
/* END MAIN CONTENT AREAS */





/* BEGIN PRODUCTS - this controls the table that holds your products */
/* ----------------------------------------------------*/
table.table_products {
	margin:0px 14px 20px 14px;
	text-align:center;
}
.table_products td {
	border-top:1px solid #e7e7e7;
	padding:20px 15px 25px 15px;
}
.table_products tr.first_row td {
	border-top:0px solid #e7e7e7;
	padding-top:10px;
}
.table_products td.borders {
	border-right:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
}
.table_products td h2 {
	margin-bottom:10px;	
}
.table_products td p {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
}
.table_products td h2 a {
	text-decoration:none;	
}
/* ----------------------------------------------------*/
/* END PRODUCTS */







/* BEGIN FOOTER */
/* ----------------------------------------------------*/
td#site_info {
	padding:0px 21px 0px 21px;
	background-position:333px 68px;
	background-repeat:no-repeat;
	text-align:center;
}

#site_info p#contact_information {
	border-top:1px solid #e7e7e7;
	padding:25px 0px 20px 0px;
	font-size:14px;
	font-weight:bold;
}

#site_info p#copyright {
	font-size:11px;
	color:#aeaeae;
}

#site_info a {color:#f060a9;text-decoration:none;}
#site_info a:visited {text-decoration:none;}
#site_info a:hover {color:#fff;text-decoration:none;}

#site_info img#scanalert {
	position:absolute;
	top:100px;
	left:300px;
}
/* ----------------------------------------------------*/
/* END FOOTER */
/* END STRUCTURE */









/* BEGIN GENERAL TYPOGRAPHY 
This section deals mostly with fonts along with a few other minor things
*/
body {
	font-family:arial, sans-serif;
	font-size:62.5%;
	color:#000;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:12px;}

h1 {font-size:24px;} 

h2 {font-size:16px;margin-bottom:0px;}


h3 {font-size:14px;}

h4 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {
	color:#1c92d6;
	text-decoration:underline;
}

a:visited {}

a:hover {color:#000;text-decoration:none;}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}

li {padding-bottom:5px;}

button {font-size:11px;}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#f4e2bd;}
.dark, .tableDark {background-color:#ececec;}
.adminBar {background-color:#2d4122;}
.tableHighlight {background-color:#5f4f4b;}
.white {color:#FFFFFF;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#000;text-decoration:none;}
.relative_positioning {position:relative;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN SPECIAL CLASSES (DELETE IF NOT BEING USED ON SITE */