/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

table{
	clear: left;
}

.clearall {
	clear:both;
}

a{
	text-decoration: none;
	outline: none;
}

img{
	border: none;
}

ul{
	list-style-type: none;
}

td{
	padding: 6px;
	line-height:16px;
}

p.error{
	border: 1px solid red;
	background: #FCFCE1;
	padding: 4px;
	margin: 2px 0 8px 0;
	color: red;
	width: 250px;
}

p.callout{
	background: #FCFCE1;
	padding: 12px;
	margin: 12px 0 8px 0;
	width: 250px;
	border: 1px solid #4f8f21;
	color: #4f8f21;
}

body {
	margin: auto;
	padding: 0;
	font: 12px  Helvetica, Arial, sans-serif;
	background-color: #fff;
	color: #6D6F72;
	margin-bottom: 18px;
	}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 32px; 
	color: #6D6F72;
	margin-bottom: 12px;
	
}

h1{
	margin-top: 20px;
	padding: 12px 0 4px 0px;
}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 36px;
	color: white;
}

body#category h2{
	padding: 4px 0 0px 28px;
	background: #0f489b;
	margin: 2px 6px 2px 32px;
	color: white;
}

.hwrap{
	margin-top: 2px;
	padding-top: 1px;
	background: url(../i/dotted_horiz.gif) top left repeat-x;
	
}

.hwrap a{
	color: white;
}

.hwrap a:hover{
	color: #ccc;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
	padding: 0px 0px 0px 0px;
	color: #fff;
}

.sIFR-hasFlash h3{
	/*font-size: 18px;*/
}

body#category .hwrap div{
	padding: 2px 0 0px 28px;
	background-color: #6e7173;
	margin: 3px 6px 3px 32px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 34px;
	margin-bottom: 6px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

	
a, a:active, a:hover, a:visited {
	color: #2525c7;
	}

a:hover {
	color: #00479B;
	}

p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 6px;
	
	}

h2 {
	font-size: 16px;
	}

h3, h4 {
	font-size: 13px;
	}

h5 {
	color: #6E7173;
	margin-bottom: 12px;
	font-size: 14px;
	display: block;
	border-top: 1px dashed gray;
	border-bottom: 1px dashed gray;
	padding: 5px;
	clear: left;
}

li {
line-height: 14px;
}

div#contentwrap {
	background-color: #fff;
	width: 760px;
	margin:auto;
}

div.main, div.callout {
	margin: 0 0 20px 0;
	padding: 0;
	}

div.wide {
	width: auto;
	}

div#contentwrap div.default {
	height: 300px;
	background-color: #fff;
	}

div#header {
	padding-left: 36px;
	padding-bottom: 24px;
	}

div#header h1 {
	margin: 1em 0 0 20px;
	padding: 0;
	font-size: 22px;
	width: 13em;
	line-height: 1.1em;
	font-weight: normal;
	color: #5d9732;
	}

div#header div#logo {
	float: left;
	padding-top: 3px;
	}

div#header h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #4c7360;
	}



.homelogo {
	margin-top: 12px;
	}
.logo{
	padding-top: 12px;
}

.contenthead{
	padding-bottom: 1px;
	background: url(../i/dotted_horiz.gif) bottom left repeat-x;
	}

/*div#utilitynav {
	background: url(../i/dotted_horiz.gif) bottom repeat-x;	
	float:right;
	padding-bottom: 0px;
	height: 35px;
	}
html>body div#utilitynav{
	padding-bottom: 0;
}

div#utilitynav ul {
	list-style-type: none;
	padding: 10px 0 5px 0;
	background: url(../i/dotted_verticle.gif) left repeat-y;
	float: left;
	margin-right: 12px;
	}

div#utilitynav ul li {
	display: inline;
	font-size: 10px;
	margin-left: 10px;
	color: #00479B;
}

div#utilitynav ul li a, #searchform label {
	text-decoration: none;
	color: #6D6F72;
	font-weight: normal;
	font-size: 10px;
	}

div#utilitynav ul li a:hover {
	
	}
*/

div#username {
	display: inline;
	font-size: 10px;
	margin-left: 10px;
	color: #00479B;
	float:right;
	margin-top: -25px;
	}

	
#intro {
	margin-left: 36px;	
}
	
#catnav {
	height: 251px;
	background: url(../i/home_catnav_bg.gif) top repeat-x;
	text-align: left;
	width: 760px;
	padding-left: 36px;
	margin-top: 32px;
	padding-top: 6px;
}

#catnav ul {
	display: block;
	list-style-type: none;
	height: 186px;
	width: 760px;
	}

#catnav ul li{
	float: left;
	clear: none;
	width: 226px;
	height: 186px;
}
	
#catnav li a, #catnav li strong {
  background-repeat:no-repeat;
  background-position:0 0;
  display:block;
  height: 186px;
  border-width:0;
  text-indent:-10000px;
  }
  
#catnav li strong {
  background-position:0 -186px;
  }
  
#catnav li a:hover {
  background-position:0 -186px;
  }
  
#catnavOne, #catnavTwo, #catnav .inactiveTwo, #catnav .inactiveOne {
	padding-right: 12px;
	margin-right: 12px;
	background: url(../i/dotted_verticle.gif) top right repeat-y;
}

#catnavOne a {
  background-image: url(../i/home_pressroom.jpg);
  height: 186px;
  width: 226px;
  }

#catnav .inactiveOne span {
  display: block;
  background-image: url(../i/home_pressroom.gif);
  height: 186px;
  width: 226px;
  text-indent:-10000px; 

 }
  
#catnav .inactiveTwo span {
  display: block;
  background-image: url(../i/home_press.gif);
  height: 186px;
  width: 226px;
  text-indent:-10000px; 

 }
#catnav .inactiveThree span {
  display: block;
  background-image: url(../i/home_parts.gif);
  height: 186px;
  width: 226px;
  text-indent:-10000px; 

 }
  
/*-------NOT USED. THIS IS FOR FUTURE LAUNCHES OF THESE SECTIONS---*/
#catnavTwo a {
  background:url(../i/home_74karat.jpg);
  height: 186px;
  width: 226px;
  }
  
#catnavThree {
  background:url(../i/home_parts.jpg);
  height: 186px;
  width: 226px;
  }
/*-----END--*/


div.blue{
	background-color: #00479B;
	padding: 12px;
}

#main{
	width: 525px;
	float: right;
	position: relative; 
	margin-bottom: 36px; 
	
}
#main, .subnav{
	margin-top: 40px;
}

.subnav{
	width: 160px;
	float: left;
	margin-left: 12px;
}

html>body .subnav{
	margin-left: 24px;
}

.subnav li{
	padding: 5px 0;
	background: url(../i/dotted_horiz.gif) 30px bottom repeat-x;
}

.subnav li a, .subnav li a:active, .subnav li a:visited{
	color: #909294;
	display: block;
	padding-left: 6px;
	border-left: 4px solid #fff;
	
}

.subnav li a:hover, .subnav li.on a{
	color: #00479B !important;
}

div.category a{
	width:150px;
	height:65px;
	display: block;
	float: left;
	margin: 0 25px 10px 0;
	text-align:left;
	vertical-align: bottom;
	position: relative;
}

div.category a span{
	background-color:#6e7173;
	position: absolute;
	bottom: 0;
	width: 146px;
	padding:4px 0 4px 4px;
	color: white;
}


div.ink a{
	background: url(../i/sheetfed_inkadditives.jpg) top no-repeat;
}
div.maintenance a{
	background: url(../i/sheetfed_maintenance.jpg) top no-repeat;
}
div.cleaner a{
	background: url(../i/sheetfed_cleaner.jpg) top no-repeat;
}
div.coatings a{
	background: url(../i/sheetfed_coatvarnish.jpg) top no-repeat;
}
div.fountain a{
	background: url(../i/sheetfed_fountain.jpg) top no-repeat;
}
div.solvent a{
	background: url(../i/sheetfed_solvent.jpg) top no-repeat;
}
div.spray a{
	background: url(../i/sheetfed_spraypowder.jpg) top no-repeat;
}

div.category a:hover span{
	background-color: #0F489B;
}

#products{
	width: 100%;
}

#products td{
	padding: 12px 6px;
	background-color: #E2E2E2;
	color: #383838;
}

#products tr.even td{
	background-color: #C7C8CC;
}

td.name{
	width: 167px;
}
td.desc{
	width: 300px;
}

td.link{
	text-align: center;
	width: 70px;	
}

td.price{
	width: 40px;
	text-align: right;
}

td.qty{
	width: 40px;
	text-align: right;
}

td.unitprice{
	width: 40px;
	text-align: right;
	}

td.link a{
	padding: 6px;
	background-color: #0F489B;
	color: #fff;
}

td.link a:hover{
	background-color: #6E7173 !important;
	color: #fff;
}

td.link a:visited{
	background-color: #0F489B;
	color: #fff;
}

#features{
	margin: 12px 0 0 18px;
	list-style-type: disc;
	padding-bottom: 18px;
}

#features li {
 padding-bottom: 4px; 
}

#carttable{
	width: 100%;
	clear: left;
}

#details td, #details th, #carttable td, #carttable th{
	padding: 4px;
	padding-left: 8px;
}

#details tr.head, #carttable tr.head{
	background: url(../i/dotted_horiz.gif) bottom left repeat-x;
	padding-bottom: 4px;
}

#details th, #carttable th{
	text-align: left;
	color: #7F8284;
}

#products th{
	background-color: #9db8d7;
	padding: 3px;
	text-align: left;
}

th.pubtextBold{
	width: 110px;
}

#details .part{
	width: 140px;
	padding-top: 6px;
}
#details .size{
	width: 245px;
	padding-top: 6px;
}
#details .btn{
	width: 132px;
	padding-top: 6px;
}

.itemblock{
	background-color: #e0e0e0;
	padding: 12px;
	margin-top: 12px;
}

.itemblock div.editnav{
	width: 100%;
	display: block;
	margin: 12px 0;
}

.btn a, a.btn, input.btn{	
	font-size: 10px;
	padding: 4px;
	background-color: #0F489B;
	color: #fff !important;
	border: 0;
}

label.btn{
	border: 1px solid #0F489B;
	padding: 4px;
}

.btn a:hover,  a.btn:hover, input.btn:hover, input.sfhover{
	background-color: #6E7173 !important;
	color: #fff;
}

.btn a:visited, a.btn a:visited{
	background-color: #0F489B;
	color: #fff;
}

.new{
	float: right; 
	position: absolute; 
	right: 16px; 
	top: 0px;
}

input.text, textarea, select{
	border: 1px solid #6D6E70;
	width: 225px;
	
}

input.detail{
	padding: 2px;
	width: 50px;
	text-align: right;
}

/* Admin area styles */


.DataTable{
	width: auto;
}

.DataTable TD{
	margin-bottom: 15px;
	/*border-bottom: 1px solid #C0C0C0;*/
}

.DataTable INPUT{
	padding: 2px;
	margin: 6px;
}

TD.Field{
	text-align: right;
	padding: 4px;
}

.RequiredField{
	padding-bottom: 14px;
}

form {
	margin: 14px 0 8px 0;
}

form label{
	display: block;	
	clear: left;
	margin: 3px 0px 12px 0px;
}

form label *{
}

/*form label span{
	display: block;
	float: left;
	text-align: right;
	width: 150px;
	margin:0px 12px 0px 0px;
	
}*/
form span{
	font-weight: bold;
}

form label span{
	padding-bottom: 8px;
}

form label input, form label textarea, form label select, div.label select{
 	float: left;
	margin-top: -3px;
	
}

form input {
	margin:4px 0 10px 0;
	display: block;
	}

form input.text, form select, form textarea{
	padding: 3px;
	display: block;
	margin-bottom: 18px;
}

form .check{
	margin-top: 12px;
}

form p {
	margin-bottom: 10px;
	clear: left;
}

form#dateselect select, select.month, select.day, select.year{
	width: 50px;
	display: inline;
}

form#dateselect select.year, select.year{
	width: 65px;
}


form textarea {
 width: 275px; height: 250px;
}
 
div.label{
	clear: left;
}
 
label span, div.label span{
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	margin-right: 12px;
	
}

label span.two, div.label span.two{
	font-weight: normal;
	width: 200px;
	text-align: left;
	display: block;
	float: left;
}

div#utilitynav {
	background: url(../i/dotted_horiz.gif) bottom repeat-x;	
	float: right;
	width: 400px;
	}
	
html>body div#utilitynav{
	margin-bottom:0px;
}

div#utilitynav ul {
	list-style-type: none;
	background: url(../i/dotted_verticle.gif) left repeat-y;
	padding: 12px 6px;
	float: left;
	}

div#utilitynav ul li {
	display: inline;
	font-size: 10px;
	color: #00479B;
	padding: 0 3px;
}

div#utilitynav ul li a, #searchform label {
	text-decoration: none;
	color: #6D6F72;
	font-weight: normal;
	font-size: 10px;
	}

div#utilitynav ul li a:hover {
	
	}

/* Target Safari - 100% Compliant */	
html[xmlns*=""] body:last-child #searchform { padding-top:12px; }
body:last-child:not(:root:root) #searchform { padding-top:12px; }

/* Target IE7 */
*:first-child+html #searchform { padding-top:12px; padding-bottom:12px; }

#searchform{
	background: url(../i/dotted_verticle.gif) left repeat-y;
	float: left; 
	padding: 10px 6px 10px 6px;
	margin: 0;
	padding-left: 12px;
	width: 175px;
}

#searchform label{
	width: 50px;
}

html>body #searchform{
	padding: 0px 2px 2px 12px;
	margin-top: -2px;
}

#searchform input, #searchform label{
	float: left;
}

#searchform input.text{
	width: 85px;
	border: 1px solid #6D6E70;
	margin: 0;
	padding: 0;
}

#searchform input.btnimage{
	padding: 0 4px;
	margin: 0;
}

#leftcontent {
	float:left; 
	width:293px; 
	background: transparent;
	clear: left;
	text-align: center;
	margin: 12px 0 12px 0;
	}
	
#rightcontent
	{
	width: 210px;
	float: right;
	
}		

table#details {
	clear:both;
	width: 100%;
	}
	
#photoadmin {
	border: 1px solid gray;
	display: block;
	margin: -20px 65px 12px 130px;
	padding: 10px;
	float: right;
	width: 290px;
	text-align: left;
	
	}