/* Meyer Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* SGA Standard Entries
---------------------------------------------------------------------------- */

html, body, img { margin: 0; padding: 0; }
a img { border-width: 0; }

body {
	text-align: center;
	font-size: small;
	font-family: Helvetica, "Lucida Grande", Arial, Geneva, sans-serif;
	color: #333;
	background: #ccc url(../images/bg_lines.gif);
	}

h1, h2, h3, h4, h5 {
	margin: 12px 0 4px 0;
	color: #930;
	line-height: 1;
	font-family: Helvetica, "Lucida Grande", Arial, Geneva, sans-serif;
	font-weight: bold;
	}

h1 { font-size: 140%; line-height: 1.3; margin-top: 0;}
#pgOrder h1, #pgOrder2 h1, #pgOrder3 h1 {margin-top: 12px;}
h2 { font-size: 115%; line-height: 1.2; } 
h3 { font-size: 100%; margin-top: 16px;}
h4 { font-size: 90%; }
h5 { font-size: 85%; }

p {
	margin: 0.5em 0 0.5em 0;
	color: #333;
	font-size: 100%;
	line-height: 1.2;
	}

.disclaimer {
	font-size: 85%;
	line-height: 1.3;
}

ul,
ol { margin: 0.5em 0 0.5em 0; }

ul li, 
ol li {
	line-height: 1.3;
	font-size: 95%;
	}

b,
strong { font-weight: bold; }

.emphasis { font-weight: bold; color: #555;}
.emphasis-two { font-weight: bold; color: #930;}

i { 
	color: #666; 
	font-style: normal;
	}

em { font-style: italic; }

table { font-family: inherit; }

a:link { color: #F63; text-decoration: none; }
a:visited { color: #F63; text-decoration: none; }
a:hover { color: #F93; text-decoration: none; }

#wrap {
	width: 796px;
	margin: 0 auto;
	border: 2px solid #666;
	border-style: none solid solid solid;
	background: #ffe url(../images/bk-wrap.gif) right top repeat-y;
	text-align: left;
	}

#header {
	position: relative;
	height: 120px;
	background:  url(../images/bk-header.png) left top no-repeat;
	}

a#viewCart {
	display: block;
	float: right;
	margin: 0 48px 0 0;
	padding: 9px 0 8px 24px;
	color: #FFF;
	font-size: 95%;
	line-height: 1.0;
	background: transparent url(../images/icon-cart.gif) 0 40% no-repeat;
	}

a#viewCart:hover { text-decoration: underline; }

#content {
	float: left;
	width: 598px;
	background-color: #ffe;
	}

#nav {
	float: left;
	margin: 93px 0 0 0;
	padding: 0;
	list-style: none;
	}

#nav li { float: left; }

#nav li a {
	display: block;
	height: 27px;
	}

#main { clear: both; }
	
#sidebar {
	float: right;
	width: 198px;
	margin-bottom: 20px;
	min-height: 18px;
	background: #FD9 url(../images/bk-sidebar.gif) left top no-repeat;
	}
	
.inner { padding: 10px; }	

img.border {
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #999;
	}

ul.linklist li a {
	padding-left: 10px;
	margin-left: 25px;
	background: url(../images/bullet.gif) 0 35% no-repeat;
	}

ul.linklist li a:hover { background-image: url(../images/bullet-on.gif); }

ul.reglist li {
	padding-left: 10px;
	margin-left: 25px;
	color: #333;
	background: url(../images/bullet-gray.gif) left 4px no-repeat;
	}
	
#nav li a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 1px;
	}

ul.infolist li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url(../images/bullet-gray.gif) left 4px no-repeat;
	}

.rule-level2 {
	height: 1px;
	margin: 12px 0 6px 0;
	background-color: #999;
	}

ol.numlist {
	list-style-type:decimal;
	margin: 0.5em 0 0.5em 18px;
	}
ol.numlist li {
	padding: 0 0 5px 0;
	}	

/* main nav Home/Products link
---------------------------------------------------------------------------- */
li#homeprod { width: 136px; }

li#homeprod a:link,
li#homeprod a:visited { background: #fd8 url(../images/img-homeprod.gif) left top no-repeat; }

li#homeprod a:hover,
body#pgHomeProducts li#homeprod a { background-position: left bottom; }

	
/* main nav home link */
li#home { width: 75px; }

li#home a:link,
li#home a:visited { background: #fd8 url(../images/img-home.gif) left top no-repeat; }

li#home a:hover,
body#pgHome li#home a { background: #fd8 url(../images/img-home.gif) left bottom no-repeat; }


/* main nav products link */
li#products { width: 94px; }

li#products a:link,
li#products a:visited { background: #fd8 url(../images/img-products.gif) left top no-repeat; }

li#products a:hover,
body#pgProducts li#products a { background-position: left bottom; }


/* main nav E-Bulletin link */
li#ebul { width: 98px; }

li#ebul a:link,
li#ebul a:visited { background: #fd8 url(../images/img-ebul.gif) left top no-repeat; }

li#ebul a:hover,
body#pgEbul li#ebul a { background-position: left bottom; }

/* main nav free samples link */
li#samples { width: 186px; }

li#samples a:link,
li#samples a:visited { background: #fd8 url(../images/img-samples.gif) left top no-repeat; }

li#samples a:hover,
body#pgSamples li#samples a { background-position: left bottom; }


/* main nav resources link */
li#resources { width: 97px; }

li#resources a:link,
li#resources a:visited { background: #fd8 url(../images/img-resources.gif) left top no-repeat; }

li#resources a:hover,
body#pgResources li#resources a { background-position: left bottom; }


/* main nav contact us link */
li#contact { width: 109px; }

li#contact a:link,
li#contact a:visited { background: #fd8 url(../images/img-contact.gif) left top no-repeat; }

li#contact a:hover,
body#pgContact li#contact a { background-position: left bottom; }
     

/* column 1 content
---------------------------------------------------------------------------- */
.innerCol1 { padding: 30px; }

#homepic  a {
	width: 530px;
	height: 210px;
	display: block;
	position: relative;
	background: url(../images/img-hpmain_2007-10-15.jpg) left top no-repeat;
	margin: 0;
	padding: 0;
	}

#homepic span {
    position: absolute;
    display: block;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
	}	

.co	{
	padding: 15px;
	margin: 1.3em 0 1.3em 0; 
	background-color: #FEC;
	border: 1px solid #930;
	}

div.co h3 { 
	font-size: 130%; 
	color: #C00; 
	margin: 0 0 0 0;
	}
	
div.co p { margin: 0.5em 0 0 0; }

#content div.rule {
	margin: 1.6em 0 1.6em 0; 
	padding: 0; 
	border-bottom: 2px solid #930; 
	height: 2px;
	}

#content div.spacer {
	margin: 1em 0 1em 0; 
	padding: 0; 
	height: 2px;
	}

#content table,
td { border: 0 solid #930; }

#content table { 
	clear: both;
	width: 100%;
	margin: 0.5em 0 0.5em 0;
	background-color: #FEC;
	}

#content td	{ 
	color: #333;
	padding: 5px;
	border-width: 1px; 
	}

img.prod {
	float: left;
	margin: 0 0.8em 0.5em 0;
	border: 1px solid #999; 
	}

ul.pdflist li a {
	display: block; 
	margin: 0;
	padding: 5px 0 5px 25px; 
	background: url(../images/bullet-PDF.gif) left center no-repeat;
	}
	
ul.pdflist li a:hover { background-image: url(../images/bullet-PDF-on.gif);}




/* Sidebar
---------------------------------------------------------------------------- */
#sidebar ul.pdflist li a { margin: 0 10px 0 10px; }
#sidebar p { margin: 0.5em 10px 0.5em 10px; }
#sidebar h2 { margin: 0.8em 10px 0.1em 10px; }

#sidebar div.rule {
	height: 2px;
	margin: 0 10px 0 10px;
	padding: 20px 0 0 0; 
	border-bottom: 2px solid #930; 
	}

#sidebarSubscrb {
	margin: 30px 0 0 15px;
	}

#sidebarSubscrb input,
#sidebarSubscrb label { vertical-align: middle; }


#sidebarSubscrb h3 {
	width: 166px;
	height: 15px;
	margin: 0 0 4px 0;
	background: transparent url(../images/bg-subscrb.gif) left top no-repeat;
	}

#sidebarSubscrb h3 span {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}


#sidebarNav {
	margin: 20px 0 20px 0;
	padding: 30px 0 10px 0;
	background: #FEC url(../images/bk-sidebarNavShop.jpg) left top no-repeat;
	border-bottom: 2px solid #C00;
	}
	
#pgResources #sidebarNav {
	background: #FEC url(../images/bk-sidebarNavR.jpg) left top no-repeat;
	}
	
#pgResources #sidebarNav ul.linklist { margin-top: 10px; }	
	
div#sidebarNav ul.linklist li {
	margin-bottom: 0.1em;
	}
	
div#sidebarNav ul.linklist li a {
	margin-left: 15px; 
	padding-left: 10px; 
	background: url(../images/bullet.gif) left center no-repeat; 
	}
div#sidebarNav ul.linklist li a:hover {background-image: url(../images/bullet-on.gif);}
div#sidebarNav ul.linklist { margin: 0; }

	
div#sidebarNav ul.linklist li.treenode ul li a,
div#sidebarNav ul.linklist li.treenodeopen ul li a
	{
	background: url(../images/bullet-small.gif) left center no-repeat; 
	}
div#sidebarNav ul.linklist li.treenode ul li a:hover,
div#sidebarNav ul.linklist li.treenodeopen ul li a:hover
	{
	background-image: url(../images/bullet-small-open.gif); 
	}


div#sidebarNav ul.linklist li.treenode a,
div#sidebarNav ul.linklist li.treenodeopen a.treeclosed
 	{
	background: transparent url(../images/bg-sidebarNav-icon-clsd.gif) 0 50% no-repeat;
	}

div#sidebarNav ul.linklist li.treenode a:hover,
div#sidebarNav ul.linklist li.treenodeopen a.treeclosed:hover
 	{
	background: transparent url(../images/bg-sidebarNav-icon-clsd-hvr.gif) 0 50% no-repeat;
	}

div#sidebarNav ul.linklist li.treenodeopen a,
div#sidebarNav ul.linklist li.treenode a.treeopen
	{
	background: transparent url(../images/bg-sidebarNav-icon-open.gif) 0 50% no-repeat;
	color: #F93;
	}
div#sidebarNav ul.linklist li.treenodeopen a:hover,
div#sidebarNav ul.linklist li.treenode a.treeopen:hover
	{
	color: #F93;
	}


div#sidebarNav ul.linklist ul { 
	margin: 0 0 0.2em 0.5em;
	}
div#sidebarNav ul.linklist ul li { 
	font-size: 85%;
	}


#samplepic  a {
	display: block;
	position: relative;
	width: 176px;
	height: 86px;
	margin: 10px 0 10px 11px;
	padding: 0;
	background: url(../images/img-calloutSample.gif) left top no-repeat;
	}
	
#samplepic span {
    display: block;
    position: absolute;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
    } 	
		
#soonpic  a {
	display: block;
	position: relative;
	width: 176px;
	height: 86px;
	margin: 10px;
	padding: 0;
	background: url(../images/img-calloutSoon.gif) left top no-repeat;
	}

#soonpic span {
    position: absolute;
    display: block;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
	}
	
#co-ebulletin  a {
	display: block;
	position: relative;
	width: 176px;
	height: 106px;
	margin: 10px 0 10px 11px;
	padding: 0;
	background: url(../images/co-ebulletin.jpg) left top no-repeat;
	}
	
	
	
/* Sidebar Product Nav - without javascript
---------------------------------------------------------------------------- */
#new-prodnav #sidebarNav ul.linklist li {
	margin-bottom: 0.2em;
	}
#new-prodnav #sidebarNav ul.linklist li a {
	margin-left: 15px; 
	padding-left: 10px; 
	background: url(../images/bullet.gif) left center no-repeat; 
	}
#new-prodnav #sidebarNav ul.linklist li a:hover {
	background-image: url(../images/bullet-on.gif);
}
#new-prodnav #sidebarNav ul.linklist { margin: 0; }
	
#new-prodnav #sidebarNav ul.linklist li.prod-category {
	margin-left: 15px; 
	padding-left: 10px; 
	margin-top: 5px;
	background: transparent url(../images/bg-sidebarNav-icon-open2.gif) left 4px no-repeat;
	/*color: #b52;*/
	color: #c63;
}
#new-prodnav #sidebarNav ul.linklist li.prod-category ul {
	margin: 0 0 0.4em 0;
}
#new-prodnav #sidebarNav ul.linklist li.prod-category ul li {
	margin: 0 0 0.1em -15px;
	font-size: 85%;
}
#new-prodnav #sidebarNav ul.linklist li.prod-category ul li a {
	background: url(../images/bullet-small2.gif) left center no-repeat; 
}
#new-prodnav #sidebarNav ul.linklist li.prod-category ul li a:hover {
	background-image: url(../images/bullet-small-open2.gif); 
}


/* proof of revised product sidebar */
/* #new-prodnav.proof #sidebarNav ul.linklist { margin: 10px 0 0 0; } */
#new-prodnav.proof #sidebarNav ul.linklist li span {
	display: block;
	margin: 0 0 0 26px;
	}
#new-prodnav.proof #sidebarNav h2 span {
	display: block;
	}
	
/* Site Map
---------------------------------------------------------------------------- */
#pgSitemap #linklist {
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: none;
	} 

#navlist ul.linklist ul { 
	margin: 0 0 0.2em 0.5em;
	}
#navlist ul.linklist ul li { 
	font-size: 85%;
	}

#navlist ul.linklist li {
	margin-bottom: 0.2em;
	}
#navlist ul.linklist li a {
	margin-left: 15px; 
	padding-left: 10px; 
	background: url(../images/bullet.gif) left center no-repeat; 
	}
#navlist ul.linklist li a:hover {
	background-image: url(../images/bullet-on.gif);
}
#navlist ul.linklist { margin: 0; }
	
#navlist ul.linklist li.prod-category {
	margin-left: 15px; 
	padding-left: 10px; 
	margin-top: 5px;
	background: transparent url(../images/bg-sidebarNav-icon-open2.gif) left 7% no-repeat;
	color: #c63;
}
#navlist ul.linklist li.prod-category ul {
	margin: 0 0 0.4em 0;
}
#navlist ul.linklist li.prod-category ul li {
	margin: 0 0 0.1em -15px;
	font-size: 85%;
}
#navlist ul.linklist li.prod-category ul li a {
	background: url(../images/bullet-small2.gif) left center no-repeat; 
}
#navlist ul.linklist li.prod-category ul li a:hover {
	background-image: url(../images/bullet-small-open2.gif); 
}


/* Home Page
---------------------------------------------------------------------------- */
#pgHomeProducts p {
	line-height: 1.5;
	}
#pgHomeProducts .innerCol1 h2, #pgHomeProducts .innerCol1 h3, #pgHomeProducts .innerCol1 h4, #pgHomeProducts .innerCol1 h5 {
	margin: 18px 0 4px 0;
	}	
ul#prodNav {
	list-style-type: none;
	width: 530px;
	height: 120px;
	margin: 20px 0;
	padding: 0;
	}

ul#prodNav li {
	display: block;
	float: left;
	height: 120px;
	margin: 0;
	padding: 0;
	}

ul#prodNav li a {
	display: block;
	height: 120px;
	}

li#mtd,
li#mtd a {
	width: 106px;
	background: transparent url(../images/bk-prod-nav-mtd.png) bottom left no-repeat;
	}
li#let,
li#let a {
	width: 106px;
	background: transparent url(../images/bk-prod-nav-let.png) bottom left no-repeat;
	}
li#arr,
li#arr a {
	width: 106px;
	background: transparent url(../images/bk-prod-nav-arr.png) bottom left no-repeat;
	}
li#mat,
li#mat a {
	width: 106px;
	background: transparent url(../images/bk-prod-nav-mat.png) bottom left no-repeat;
	}
li#sig,
li#sig a {
	width: 106px;
	background: transparent url(../images/bk-prod-nav-sig.png) bottom left no-repeat;
	}

ul#prodNav li a:hover { background-position: left top; }

ul#prodNav li a span {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}

/* Home Page promotion banner
---------------------------------------------------------------------------- */
#pgHome h1,
#pgHomeProducts h1 {
	width: 538px;
	height: 247px;
	margin: 0 0 20px 0;
	background: transparent url(../images/h1-home.png) left top no-repeat;
	}

#pgHomeProducts h1#freeship {
	background: transparent url(../images/h1-home-freeship.jpg) left top no-repeat;
}
#pgHomeProducts h1#save20 {
	background: transparent url(../images/h1-home-save20.jpg) left top no-repeat;
}
#pgHomeProducts h1#ship5 {
	background: transparent url(../images/h1-home-ship5.jpg) left top no-repeat;
}

#pgHome h1 span,
#pgHomeProducts h1 span {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}
	
	
/* Home Page featured products
---------------------------------------------------------------------------- */
#pgHomeProducts .innerCol1 #featuredprod-hrd {
	width: 538px;
	height: 28px;
	margin: 0 0 12px 0;
	background: transparent url(../images/h2-home-featureprod.jpg) left top no-repeat;
}
#featuredprods {
	margin: 0 0 20px 0;
}
#featuredprods ul li {
	float: left;
}
#featuredprods ul li a {
	display: block;
	margin: 0 20px 0 0; 
	width: 119px;
	height: 122px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}
#feature1 { background-image: url(../images/co-feature1.jpg); }
#feature2 { background-image: url(../images/co-feature2.jpg); }
#feature3 { background-image: url(../images/co-feature3.jpg); }
#feature4 { background-image: url(../images/co-feature4.jpg); }

#featuredprods #feature4 { margin: 0; }




/* Product Pages
---------------------------------------------------------------------------- */

hr.category {
	width: 100%;
	height: 2px;
	margin: 12px 0;
	padding: 0;
	color: #C60;
	background-color: #C60;
	border: 0 solid #C60;
	text-align: right;
	}
	
.category {
	width: 100%;
	height: 2px;
	margin: 12px 0;
	padding: 0;
	color: #C60;
	background-color: #C60;
	border: 0 solid #C60;
	text-align: right;
	}
	
h2.subCategory,
h3.subCategory,
p.subCategoryIntro {
	margin: 0 0 0 110px;
	}

h2.subCategory.wideimgA,
h3.subCategory.wideimgA,
p.subCategoryIntro.wideimgA {
	margin: 0 0 0 250px;  /* wider left margin for a three sample product photo */
	}
	
h3.subCategory,
h3.subCategory.wideimgA { 
	color: #000; 
	margin-bottom: 5px; 
}

img.subCategory {
	float: left;
	margin-bottom: 10px;
	border: 1px solid #999;
	}

p.notes {
	color: #666;
	font-style: italic;
	}

#main table.subCategory {
	clear: left;
	margin: 10px 0 12px 0;
	border-collapse: collapse;
	border: 1px solid #C60;
	}

#main table.noNote { margin-bottom: 30px; }

#main table.subCategory th {
	padding: 5px;
	border: 1px solid #C60;
	font-weight: bold;
	}

#main table.subCategory td {
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #C60;
	line-height: 1.2;
	}

/* repeating message page */

#main #WTPR3-roll table.subCategory th.color, #main #WTPR3-roll table.subCategory td.color,
#main #HDMR-nav table.subCategory th.color, #main #HDMR-nav table.subCategory td.color,
#main #HDIR-info table.subCategory th.color, #main #HDIR-info table.subCategory td.color {	width: 70px; }

#main #WTPR3-roll table.subCategory td.color img, 
#main #HDMR-nav table.subCategory td.color img, 
#main #HDIR-info table.subCategory td.color img {	display: block; margin: 0 0 4px 0;}

#main #WTPR3-roll table.subCategory th.size, #main #WTPR3-roll table.subCategory td.size,
#main #HDMR-nav table.subCategory th.size, #main #HDMR-nav table.subCategory td.size, 
#main #HDIR-info table.subCategory th.size, #main #HDIR-info table.subCategory td.size {	width: 45px; }

#main #WTPR3-roll table.subCategory th.message, #main #WTPR3-roll table.subCategory td.message,
#main #HDMR-nav table.subCategory th.message, #main #HDMR-nav table.subCategory td.message,
#main #HDIR-info table.subCategory th.message, #main #HDIR-info table.subCategory td.message {	width: 160px; }

#main #WTPR3-roll table.subCategory th.message select, #main #WTPR3-roll table.subCategory td.message select,
#main #HDMR-nav table.subCategory th.message select, #main #HDMR-nav table.subCategory td.message select,
#main #HDIR-info table.subCategory th.message select, #main #HDIR-info table.subCategory td.message select {	width: 150px; }

/* end repeating message page - heavy duty message tables */


#main table.subCategory td.quantity,
#main table.subCategory th.quantity {
	width: 50px;
	text-align: center;
	}
#main table.subCategory td.quantity input {
	margin: 0 auto;
	text-align: right;
	}

#main table.subCategory td.letters input { text-transform: uppercase;
	font-size: 0.8em;
	}

#main table.subCategory th.add { border-bottom-color: #FEC; }
#main table.subCategory td.add {
	width: 50px;
	vertical-align: middle;
	text-align: center;
	}

#main table.subCategory td.add input { margin: 0 auto; }

#main table.subCategory th.call { border-bottom-color: #FEC; }
#main table.subCategory td.call {
	width: 120px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	}


#main table.last { margin-bottom: 0; }
#pgProducts p.note { margin-bottom: 30px; }
#pgProducts p.note img { border: 1px solid #999; }

th.letters span {
	color: #333;
	font-size: 90%;
	font-weight: normal;
	line-height: 1.4;
	}	

.more-prod-info {
	margin-top: 12px;
}
#page-nav {
	margin: 20px 0;
	padding-top: 5px;
	border-top: 1px dashed #c60;
}	
#page-nav img {
float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #999;
	vertical-align: top;
}
#page-nav p {
	float: left;
	width: 45%;
	margin-right: 15px;
}
p.toplink {
	margin: 0 0 25px 0;
	font-size: 90%;
	text-align: center;
}




/* Product Pages - Tabs
---------------------------------------------------------------------------- */

.ui-tabs-hide { 
	display: none; 
}
.tabnav {
	clear: both;
}
.ui-tabs-nav {
	padding-left: 15px;
}
.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
}
.ui-tabs-nav a {
	display: block;
	margin-top: 1px;
	padding: 7px 15px 5px 15px;
	background: #fec url('../images/bg-tabs.jpg') no-repeat top left;
	border-right: 1px solid #f63;
}
.ui-tabs-nav a:hover {
	background-color: #ccc;
}	
.ui-tabs-nav .ui-tabs-selected a { 
	position: relative;
	top: 1px;
	margin-top: 0;
	padding-bottom: 6px;
	font-weight: bold; 
	background: #ffe url('../images/bg-tabs-selected.jpg') no-repeat top left;
}
.ui-tabs-panel {
	clear: left;
	border-top: 1px solid #f63;
}



/* Order Pages
---------------------------------------------------------------------------- */
#pgOrder .innerCol1,
#pgOrder2 .innerCol1,
#pgOrder3 .innerCol1 { padding-top: 8px; }
#pgOrder h1,
#pgOrder2 h1,
#pgOrder3 h1 {
	margin-bottom: 12px;
	padding-bottom: 5px;
	border-bottom: 2px solid #C60;
	}

#content table.orderTable,
#content table.orderTable td,
#content table.orderTable th { 
	color: #333;
	padding: 5px;
	border: 1px solid #C60;
	}
	
#content table.orderTable { 
	margin: 0 0 24px 0;
	}
#content .fieldset-first table.orderTable	{ margin: 10px 0 24px 0; }
#pgOrder3 #content table.orderTable { margin: 0 0 12px 0;}	
#pgOrder3 #content .orderInfo { margin: 0 0 20px 0; }
	
#content table.orderTable input { font-size: 90%; }

#content table.orderTable th {
	font-weight: bold;
	border: 1px solid #C60;
	}

#content table.orderTable th.section {
	padding: 12px 5px;
padding: 12px 12px 10px 14px;	
	color: #930;
	background-color: #FFD;
	font-size: 130%;
	line-height: 1.4;
	}


#content table.orderTable th.section span {
	display: block;
	margin: 0 0 5px 0;
	color: #333;
	font-size: 70%;
	font-weight: normal;
	line-height: 1.2;
	}
	

#content table.orderTable th.section input#international { margin: 0 5px 0 0; }

#pgOrder2 table.orderTable th span, #pgOrder3 table.orderTable th span { display: block; margin: 4px 0 0 0; font-weight: normal; }
#pgOrder2 table.orderTable th span strong, #pgOrder3 table.orderTable th span strong { display: block; margin: 4px 0 2px 0; font-weight: bold; color: #930;}
#pgOrder table.orderTable th span strong { font-weight: bold; color: #930;}

#content table.orderTable th.section p.note {
	color: #333;
	font-size: 70%;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0;
	}

/*	
#content table.orderTable td.section {
	padding: 0 5px 5px 5px;
	background-color: #FFD;
	border-top: none;
	}
*/	

#content table.orderTable .prodCode { width: 100px; }
#content table.orderTable .prodDescription { width: 190px; }
#content table.orderTable .prodPrice { width: 60px; }
#content table.orderTable .prodItemTotal { width: 70px; }

#content table.orderTable td.prodPrice,
#content table.orderTable td.prodItemTotal,
#content table.orderTable .total,
#content table.orderTable .totalbb,
#content table.orderTable .gt { text-align: right; }

#content table.orderTable td.rowSpan { vertical-align: middle; }
#content table.orderTable td select { font-size: 80%; }

p.errorAlert {
	margin: 12px 0;
	padding: 10px 10px 10px 31px;
	border: 1px dashed #F30;
	background: transparent url(../images/icon-alert.png) 10px 50% no-repeat;
	line-height: 1;
	}

#content table.orderTable td.error,
#content table.subCategory td.error { background-color: #F30; }

#pgOrder2 table.orderTable { margin-bottom: 24px; }
#pgOrder2 #content table.orderTable td { padding-top: 8px; padding-bottom: 8px; }

#content table.orderTable th.textRight,
table.orderTable td.textRight,
#content table.orderTable td.total { text-align: right; }

fieldset.orderInfo { margin: 0 0 24px 0; }

fieldset.orderInfo label {
	display: block;
	float: left;
	width: 160px;
	margin-right: 8px;
	line-height: 1.3;
	text-align: right;
	}

fieldset.orderInfo label.radio,
fieldset.orderInfo label.cx {
	display: inline;
	float: none;
	}

fieldset.orderInfo label.ta,
fieldset.orderInfo textarea {
	text-align: left;
	}

div.inputs {
	margin-top: 4px;
	padding: 18px;
	background-color: #FEC;
	}

/* body.cart1 #content h2 { margin: 25px 0 0 0; line-height: 1;} */


div.inputs div {
	clear: left;
	margin-bottom: 12px;
	}

div.inputs div.last {
	clear: left;
	margin-bottom: 0;
	}
	
div.dual { margin-bottom: 24px; }

p.error,
label.error { color: #F30; }
.errorHidden { display: none; }


.soldby {
	display: block;
	margin: 3px 0;
	font-size: 90%;
	color: #333;
}

/*
span#buy-msg { 
	position: relative; top: -10px;
	margin: 0 0 0 10px;
	color: #c00; 
	}
	
p#buy-msg  {
	margin: 12px 0;
	padding: 10px 10px 10px 31px;
	border: 1px dashed #F30;
	background: transparent url(../images/icon-alert.png) 10px 50% no-repeat;
	line-height: 1;
	}	
*/
span#buy-msg  {
	display: block;
	float: left;
	width: 375px;
	margin: 0 0 12px 0;
	padding: 10px 10px 10px 33px;
	border: 1px dashed #F30;
	background: #fff url(../images/icon-alert.png) 10px 50% no-repeat;
	line-height: 1.2;
	text-align: left;
	}
.disable { 
	opacity: 0.4; 	
	filter:alpha(opacity=40); /* for IE */
	}
	
	
/* Contact Forms
---------------------------------------------------------------------------- */
#pgEbul label,
#pgSamples label,
#pgContact label {
	display: block;
	float: left;
	width: 140px;
	margin-right: 8px;
	line-height: 1.3;
	text-align: right;
	}

#pgSamples label.radio,
#pgSamples label.cx,
#pgContact label.radio,
#pgContact label.cx {
	display: inline;
	float: none;
	}

#pgSamples label.taLabel,
#pgContact label.taLabel {
	float: none;
	width: auto;
	text-align: left;
	}

p.formButton { 
	margin: 0.75em 0 1em 0;
	text-align: right; 
}


	

/* FAQ
---------------------------------------------------------------------------- */
.faq-callout {
	margin-top: 20px;
	padding: 3px 0 3px 80px;
	border-top: 2px solid #C60;
	border-bottom: 2px solid #C60;
	background: transparent url(../images/bg-faq-callout.jpg) 0 50% no-repeat;
	}

	
/* Resources :: Heavy Duty Floor Tape Installation Guide
---------------------------------------------------------------------------- */
.callout {
	margin: 20px 0;
	padding: 6px 0;
	border-top: 2px solid #C60;
	border-bottom: 2px solid #C60;
	}	
.callout h3 { font-size: 115%; line-height: 1.2; margin-top: 10px;}
.callout img.fl {
	float: left;
	border: 1px solid #999;
	margin: 3px 12px 6px 0;
	}

.callout {
	width: 300px;
	float: right;
	margin: 10px 0 10px 20px;
	padding: 6px 16px;
	background: #fec;
}



/* Resources :: The 5S Philosophy
---------------------------------------------------------------------------- */

h3#sort, h3#shine, h3#order, h3#standardize, h3#sustain {
	width: 538px; 
	height: 50px;
	text-indent: -9999px;
	margin: 16px 0 4px 0;
}
h3#sort { background: url("../images/hdr-5s-sort.jpg") no-repeat; }
h3#order { background: url("../images/hdr-5s-setinorder.jpg") no-repeat; }
h3#shine { background: url("../images/hdr-5s-shine.jpg") no-repeat; }
h3#standardize { background: url("../images/hdr-5s-standardize.jpg") no-repeat; }
h3#sustain { background: url("../images/hdr-5s-sustain.jpg") no-repeat; }


/* Resources :: Mightline Video
---------------------------------------------------------------------------- */
#container { 
	margin: 10px 0;
	border: 1px solid #ccc; 
	border-bottom: none;
	border-top: none;
	}
	
/* Feature page ( Fire station, Mightyline, ...)
---------------------------------------------------------------------------- */	

#topprod .prod {
	float: left;
	width: 150px;
	margin: 0 14px 20px 0;
	padding: 10px 10px 25px 10px;
	background: #f90 url(../images/bg-prod.gif) left bottom no-repeat;
}
#topprod .prod.last {
	margin: 0;
}
#topprod .prod img {
	border: 2px solid #c60;
}
#topprod .prod h3 {
	line-height: 1.2;
}
#topprod .prod p {
	margin: 0.5em 0 0 0;
	color: #fff;
	font-size: 100%;
	line-height: 1.2;
}
#topprod .prod a:link { color: #fff; text-decoration: none; }
#topprod .prod a:visited { color: #fff; text-decoration: none; }
#topprod .prod a:hover,
#topprod .prod.hover-moreprod-prod a { color: #fff; text-decoration: underline; }
	
#topprod .prod.hover-moreprod-prod img {
	border-color: #fff;
}
#topprod .prod.hover-moreprod-prod {
	background-image: url(../images/bg-prod-hover.gif);
}	


#moreprod {
	margin: 0 0 20px 0;
	padding: 14px;
	background: #fec url(../images/bg-moreprod.gif) left top repeat-x;
}
#moreprodsep {
	width: 510px;
	background: url(../images/bg-moreprodsep.gif) center top repeat-y;
}
#moreprod h3 {
	margin: 0 0 4px 0;
	color: #a41;
}
#moreprod ul {
	margin: 0.5em 0 1em 0;
}	
#moreprod ul.last {
	margin: 0.5em 0 0 0;
}
#moreprod ul li {
	padding-bottom: 3px;
}
#moreprod ul li.reglist {
	padding-left: 10px;
	color: #333;
	background: url(../images/bullet-gray.gif) left 3px no-repeat;
}
#moreprod ul li a {
	display: inline-block;
	padding-left: 10px;
	background: url(../images/bullet.gif) left 3px no-repeat; 
}
#moreprod ul li a:hover {
	background-image: url(../images/bullet-on.gif);
}
.moreprod-col1,
.moreprod-col2 {
	width: 240px;
	float: left;
}
.moreprod-col1 {
	margin: 0 30px 0 0;
}

/* Fire Station feature page
---------------------------------------------------------------------------- */	

h1#fireflrstrp {
	width: 538px;
	height: 313px;
	margin: 0 0 20px 0;
	background: transparent url(../images/h1-fire-fireflrstrp.jpg) left top no-repeat;
}


/* Mightyline feature page
---------------------------------------------------------------------------- */	

h1#mlflrstrp {
	width: 538px;
	height: 311px;
	margin: 0 0 20px 0;
	background: transparent url(../images/h1-ml-flrstrp.jpg) left top no-repeat;
}

/* Sidebar - feature nav
---------------------------------------------------------------------------- */	
#featurenav {
	width: 154px;
	margin: 0 0 0 11px;
	padding: 24px 10px 10px 10px;
	background: #fec url(../images/bg-featurenav.jpg) left top no-repeat; 	
	border: 1px solid #c00;
	border-style: none solid solid solid;
}
#featurenav h3 {
	margin: 0 0 4px 0;
}
#featurenav ul {
	margin: 0.5em 0 0 0;
}
#featurenav ul li {
	padding-bottom: 3px;
}
#featurenav ul li a {
	display: inline-block;
	padding-left: 10px;
	background: url(../images/bullet.gif) left 3px no-repeat; 
}
#featurenav ul li a:hover {
	background-image: url(../images/bullet-on.gif);
}




/* Footer
---------------------------------------------------------------------------- */
#footer {
	clear: both;
	height: 75px;
	color: #666;
	background-color: #FFEFCB;
	border-top: 2px solid #666;
	text-align: center;
	}	
	
.innerFooter { padding: 5px; }	

#footer p  {
	margin: 0.1em 0 0.1em 0;
	color: #666;
	font-size: 105%;
	line-height: 1.2;
	}
	
#footer-content {
	float: left;
	width: 682px;
	text-align: center;
}

#footer-ssl {
	float: left;
	width: 100px;
}




/* Floats, Clears & Hide
---------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.cl { clear: left; }
.cr { clear: right; }
.cb { clear: both; }
img.fl { margin: 0 12px 12px 0; }
img.fr { margin: 0 0 12px 12px; }
img.fl, img.fr { border: 1px solid #999; }
img.fl { margin: 0.5em 0.8em 0.3em 0; }

.frnobrd {
	float: right;
	margin: 0 0 12px 12px;
	}
.flnobrd {
	float: right;
	margin: 0.5em 0.8em 0.3em 0;
	}

.nt { margin-top: 0; }
.indent-one { margin-left: 14px; }

.hide { display: none; }
.hidden {
	position: absolute;
	display: block;
	top: -10000px;
	left: -10000px;
	font-size: 1px;
	}