/* CSS Document */

/*
This Style Sheet is used in the following places:
Inch Punch pages
*/


/* main site styles */
body {
color: #000;
font: 80% verdana,arial,helvetica,sans-serif;
text-align: center;
background: url(../images/inch-punch-bg.jpg) 0 0 repeat-x #151b19}
	
body, form, #leftcol ul, #leftcol h3 {
	margin: 0;
	padding: 0}
	
a img {border-width:0}

a {color: #000000}
a:visited {color: #40408C}
a:hover {text-decoration: underline}

h1 {font-size:1.4em}
h2 {font-size:1.2em}
h3 {font-size:1em}

.center {text-align:center}

/* structure */
#all {
width: 100%;
margin: 0 auto;
text-align: left}

#outerContainer {
width: 80%;
float: left;
margin: 0 auto ;
text-align: left}

#content {
width: 70%;
float: right;
padding: 5px;
margin: 0 5px 0 0;
background-color: #5f8776;
color: #fff;
margin-top: 10px}

#content a {color:#fff}

#leftcol {
width: 150px;
float: left;
padding: 0 10px;
margin-top:10px}

#leftcol h3 { padding: 5px; 
border:1px solid #b7ccc3; border-bottom:none;}

#leftcol ul {
/*border:1px solid #131b18;*/ border-top:none;}

#leftcol li {
font-size:0.7em;
list-style:none;
margin-bottom:2px}

#leftcol li a {
text-decoration:none; 
display:block;
padding:3px;
background-color:#b7ccc3}

#leftcol li a:hover{background-color:#b7ccc3;}

#rightcol {
width: 20%;
float: right;
margin-top:10px}

#footer {
color:#FFF;
clear:both;
float:left;
width:100%;
text-align:center;
margin:20px;
height:1.2em
}

.productimage {text-align:center}

#icons {float:left;width:100%;height:82px}

#topnav {float:left;width:100%;white-space:nowrap}
#topnav ul {margin:0 auto; padding:0; list-style:none; clear:both}
#topnav li {list-style:none;
	white-space:nowrap; /*prevent text wrapping*/
	float:right; /*keep them inline*/
	padding-left:10px; /*h spacing*/
	line-height:1.2em; /*maintain v spacing*/}
#topnav li a {/*position:relative;*/ display:block; text-decoration:none; 
color:#FFFFFF;
padding:1px 8px}
#topnav li a:hover {background-color:#e10019}

.dashedUnderline {border-bottom:1px dashed #b7ccc3; padding-bottom:5px}