/*

                   www.packedge.com Stylesheet
             Site Design & Build by Chris Underwood
                            contact:
                      chris@colormaria.com
                        Color Maria, Inc.

*/


/* ------------- CATALOG PAGE STLYES -------------*/

body{margin:0;padding:45px 0px 0px 0px;background:#FFF url('images/catalogBG.jpg') repeat-x;text-align:center;}

a img {border:0;}

#catalog-container {width:677px;margin:0 auto;background:transparent;text-align:left;}
#catalog-logo {float:left;}
#catalog-contact-message {float:right;text-align:right;font-size:18px;font-family:"Geneva", "Helvetica", sans-serif;color:#000066;}
#catalog-contact-message a {font-size:12px;color:#000066;}
#catalog-contact-message a:hover {color:#999999;}
#catalog-topNav {clear:both;width:100%;text-align:right;color:#000066;font-size:14px;font-family:"Myriad Pro","Geneva", sans-serif;margin-bottom:5px;}
#catalog-topNav a {color:#000066;text-decoration:none;margin:0px 10px 0px 10px;text-decoration:none;}
#catalog-topNav a:hover {color:#666;text-decoration:none;}
#left-menu {float:left;width:195px;}
#right-content {margin-left:208px;}

h1 {color:#333;font-size:18px;font-family:"Myriad Pro","Geneva",sans-serif;font-weight:normal;margin:7px 0px 3px 7px;padding:0px;}
h2 {color:#000066;font-size:14px;font-family:"Geneva","Myriad Pro",sans-serif;font-weight:normal;margin:0px;padding:0px;}

#catalog-categories {background:transparent url('images/categories-menu-top.jpg') no-repeat;height:26px;width:198px;}
#catalog-newsletter {background:transparent url('images/stayInformed-top.jpg') no-repeat;height:26px;width:198px;}

#newsletter-form {width:95%;;border:1px solid #ccc;padding:2px;overflow:hidden;}
input.newsletter-input {border:0px solid WHITE;color:#999;font-size:9px;}
.submit {margin:0;padding:2px 0px 0px 0px;text-align:right;width:99%;}
.submit input {
	margin:0;
	color: #CCC;
	border:0px;
	background:url('images/submit.gif') no-repeat;background-position:0px 0px;
	width:59px;
	height:14px;
}

.submit input:hover {background:url('images/submit.gif') no-repeat;background-position:0% 100%;}

DIV.leftBlock-middle {background:transparent url('images/leftBlock-middle.jpg') repeat-y;width:198px;}
DIV.leftBlock-middle-gutter {background:transparent;width:84%;margin:0 auto;padding-top:15px;*padding-left:15px;/* for IE extra padding */}
DIV.leftBlock-bottom {background:transparent url('images/leftBlock-bottom.jpg') no-repeat;width:198px;height:20px;}

#category-menu-gutter {width:187px;margin:0 0 0 2px;}
ul#category-menu {margin:0;padding:0;list-style-type:none;font-size:12px;font-family:"Myriad Pro", "Geneva", sans-serif;width:100%;}
ul#category-menu li a {display:block;width:100%;padding:6px 0px 6px 0px;text-decoration: none;color:#000066;}
ul#category-menu li a:hover {margin:0;width:100%;background:#eee url('images/greyPlus.gif') no-repeat;background-position:6px 9px;color:BLACK;}
ul#category-menu li.ON {padding:6px 0px 6px 0px;background:#FFF url('images/blackPlus.gif') no-repeat;background-position:6px 9px;color:#666;}

img.greyBox {display:block;margin:0;padding:0;}
#printer-friendly {text-align:right;display:block;margin:0;padding:0;padding-top:5px;padding-bottom:5px;width:460px;height:auto;background:transparent url('images/catalog-greyArea.jpg');}

#category-description {width:50%;margin-top:15px;margin-left:7px;margin-bottom:15px;font-size:12px;font-family:"Myriad Pro", "Geneva", sans-serif;color:#666666;line-height:20px;text-align:left;}
#category-description-wide {width:90%;margin-top:15px;margin-left:7px;margin-bottom:15px;font-size:12px;font-family:"Myriad Pro", "Geneva", sans-serif;color:#666666;line-height:20px;text-align:left;}
#products-description {width:90%;margin-top:15px;margin-left:7px;margin-bottom:15px;font-size:12px;font-family:"Myriad Pro", "Geneva", sans-serif;color:#666666;line-height:20px;text-align:left;}
#category-thumbnails {text-align:center;background:transparent url('images/catalog-logoLarge.jpg') no-repeat;background-position:50% 50%;}
#category-thumbnails {padding:0;margin:0;}
#category-thumbnails a {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}
#category-thumbnails a:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

img.category-image {float:right;padding:10px 10px 15px 0px;}
img.category-image-two {display:inline;padding:10px 10px 15px 0px;}

DIV.misc-items {margin-left:7px;float:left;width:170px;font-size:12px;font-family:"Myriad Pro", "Geneva",sans-serif;color:#666666;line-height:20px;}

#catalog-footer {clear:both;margin-top:55px;margin-bottom:55px;text-align:center;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;padding:10px 0px 10px 0px;color:#666;font-size:11px;font-family:"Myriad Pro","Geneva", sans-serif;line-height:16px;}
#catalog-footer a {color:#666;text-decoration:none;margin:0px 5px 0px 5px;}
#catalog-footer a:hover {color:#000066;text-decoration:underline;}

/* ------------- THREE COL TABLE ------------- */

div#threeCol-table {
	clear:right;margin-top:25px;margin-left:7px;
}

html>body div#threeCol-table {
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
}

div#threeCol-table table {
	border-collapse: collapse;
	/*border-right:1px solid #CCC;*/
}

div#threeCol-table caption {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: none;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
}

html>body div#threeCol-table caption {
	display: block
}

div#threeCol-table thead tr th, div#threeCol-table tr thead td {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	color:#333;
	padding: 5px;
	position: relative;
	text-align: left
}

html>body div#threeCol-table thead tr th, html>body div#threeCol-table tr thead td {
	position: inherit
}

div#threeCol-table tbody tr th, div#threeCol-table tbody tr td {
	background: url('images/datatablerow.gif') #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#threeCol-table tbody tr td {text-align:center;}

div#threeCol-table tbody tr.odd th, div#threeCol-table tbody tr.odd td {
	background: url('images/datatablerow.gif') #F5F5F5 repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#threeCol-table tbody tr.odd td {text-align:center;}

div#threeCol-table tbody tr:hover th, div#threeCol-table tbody tr:hover td, div#threeCol-table tbody tr.odd:hover th, div#threeCol-table tbody tr.odd:hover td {
	background: url('images/datatablerow.gif') #E5E5E5 repeat-x scroll center left;
	color: #333;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

div#threeCol-table tbody tr:hover td {text-align:center;}
div#threeCol-table tbody tr.odd:hover td {text-align:center;}

div#threeCol-table tbody tr a, div#threeCol-table tbody tr a:link, div#threeCol-table tbody tr a:visited {
	color: #009;
	text-decoration: none
}

div#threeCol-table tbody a:hover {
	color: #009;
	text-decoration: underline
}

div#threeCol-table tbody tr:hover th a, div#threeCol-table tbody tr:hover td a, div#threeCol-table tbody tr.odd:hover th a, div#threeCol-table tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

div#threeCol-table tbody tr:hover th a:hover, div#threeCol-table tbody tr:hover td a:hover, div#threeCol-table tbody tr.odd:hover th a:hover, div#threeCol-table tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

div#threeCol-table tfoot tr th {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
}

div#threeCol-table tfoot tr td {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
}

html>body div#threeCol-table tfoot tr th, html>body div#threeCol-table tfoot tr td {
	border-bottom: 1px solid #CCC;
	color:#333;
}

 
html>body div#threeCol-table thead {
	display: block
}

html>body div#threeCol-table tfoot {
	display: block;
}

html>body div#threeCol-table tbody {
	display: block;
}

html>body div#threeCol-table thead tr th, html>body div#threeCol-table tbody tr th {
	width: 110px;
}

html>body div#threeCol-table thead tr th + th, html>body div#threeCol-table tbody tr th + td {
	width: 230px
}

html>body div#threeCol-table thead tr th + th + th, html>body div#threeCol-table tbody tr th + td + td {
	width: 80px
}

html>body div#threeCol-table tfoot tr td {
	width:370px;
}

html>body div#threeCol-table thead tr th + th, html>body div#threeCol-table thead tr th + th + th {text-align:center;}

/* ------------- FIVE COL TABLE ------------- */

div#fiveCol-table {
	clear:right;margin-top:25px;margin-left:7px;
}

html>body div#fiveCol-table {
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
}

div#fiveCol-table table {
	border-collapse: collapse;
	/*border-right:1px solid #CCC;*/
}

div#fiveCol-table caption {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: none;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
}

html>body div#fiveCol-table caption {
	display: block
}

div#fiveCol-table thead tr th, div#fiveCol-table tr thead td {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	color:#333;
	padding: 5px;
	position: relative;
	text-align: left
}

html>body div#fiveCol-table thead tr th, html>body div#fiveCol-table tr thead td {
	position: inherit
}

div#fiveCol-table tbody tr th, div#fiveCol-table tbody tr td {
	background: url('images/datatablerow.gif') #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#fiveCol-table tbody tr td {text-align:center;}

div#fiveCol-table tbody tr.odd th, div#fiveCol-table tbody tr.odd td {
	background: url('images/datatablerow.gif') #F5F5F5 repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#fiveCol-table tbody tr.odd td {text-align:center;}

div#fiveCol-table tbody tr:hover th, div#fiveCol-table tbody tr:hover td, div#fiveCol-table tbody tr.odd:hover th, div#fiveCol-table tbody tr.odd:hover td {
	background: url('images/datatablerow.gif') #E5E5E5 repeat-x scroll center left;
	color: #333;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

div#fiveCol-table tbody tr:hover td {text-align:center;}
div#fiveCol-table tbody tr.odd:hover td {text-align:center;}

div#fiveCol-table tbody tr a, div#fiveCol-table tbody tr a:link, div#fiveCol-table tbody tr a:visited {
	color: #009;
	text-decoration: none
}

div#fiveCol-table tbody a:hover {
	color: #009;
	text-decoration: underline
}

div#fiveCol-table tbody tr:hover th a, div#fiveCol-table tbody tr:hover td a, div#fiveCol-table tbody tr.odd:hover th a, div#fiveCol-table tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

div#fiveCol-table tbody tr:hover th a:hover, div#fiveCol-table tbody tr:hover td a:hover, div#fiveCol-table tbody tr.odd:hover th a:hover, div#fiveCol-table tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

div#fiveCol-table tfoot tr th {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
}

div#fiveCol-table tfoot tr td {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
}

html>body div#fiveCol-table tfoot tr th, html>body div#fiveCol-table tfoot tr td {
	border-bottom: 1px solid #CCC;
	color:#333;
}

 
html>body div#fiveCol-table thead {
	display: block
}

html>body div#fiveCol-table tfoot {
	display: block;
}

html>body div#fiveCol-table tbody {
	display: block;
}

html>body div#fiveCol-table thead tr th, html>body div#fiveCol-table tbody tr th {
	width: 80px;
}

html>body div#fiveCol-table thead tr th + th, html>body div#fiveCol-table tbody tr th + td {
	width: 80px
}

html>body div#fiveCol-table thead tr th + th + th, html>body div#fiveCol-table tbody tr th + td + td {
	width: 80px
}

html>body div#fiveCol-table thead tr th + th + th + th, html>body div#fiveCol-table tbody tr th + td + td +td {
	width: 80px
}

html>body div#fiveCol-table thead tr th + th + th +th + th, html>body div#fiveCol-table tbody tr th + td + td +td + td {
	width: 80px
}

html>body div#fiveCol-table tfoot tr th {
	width: 80px;
}

html>body div#fiveCol-table tfoot tr td {
	width:350px;
}

html>body div#fiveCol-table thead tr th + th, html>body div#fiveCol-table thead tr th + th + th, html>body div#fiveCol-table thead tr th + th + th + th {text-align:center;}


/* ------------- SIX COL TABLE ------------- */

div#sixCol-table {
	clear:right;margin-top:25px;margin-left:7px;
}

html>body div#sixCol-table {
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
}

div#sixCol-table table {
	border-collapse: collapse;
	/*border-right:1px solid #CCC;*/
}

div#sixCol-table caption {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	display: none;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
}

html>body div#sixCol-table caption {
	display: block
}

div#sixCol-table thead tr th, div#sixCol-table tr thead td {
	background: url('images/datatable.gif') #FFF repeat-x scroll center left;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font: normal normal bold 13px "Myriad Pro","Geneva",sans-serif;
	color:#333;
	padding: 5px;
	position: relative;
	text-align: left
}

html>body div#sixCol-table thead tr th, html>body div#sixCol-table tr thead td {
	position: inherit
}

div#sixCol-table tbody tr th, div#sixCol-table tbody tr td {
	background: url('images/datatablerow.gif') #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#sixCol-table tbody tr td {text-align:center;}

div#sixCol-table tbody tr.odd th, div#sixCol-table tbody tr.odd td {
	background: url('images/datatablerow.gif') #F5F5F5 repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	color:#333;
	text-align: left;
	vertical-align: top
}

div#sixCol-table tbody tr.odd td {text-align:center;}

div#sixCol-table tbody tr:hover th, div#sixCol-table tbody tr:hover td, div#sixCol-table tbody tr.odd:hover th, div#sixCol-table tbody tr.odd:hover td {
	background: url('images/datatablerow.gif') #E5E5E5 repeat-x scroll center left;
	color: #333;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: top
}

div#sixCol-table tbody tr:hover td {text-align:center;}
div#sixCol-table tbody tr.odd:hover td {text-align:center;}

div#sixCol-table tbody tr a, div#sixCol-table tbody tr a:link, div#sixCol-table tbody tr a:visited {
	color: #009;
	text-decoration: none
}

div#sixCol-table tbody a:hover {
	color: #009;
	text-decoration: underline
}

div#sixCol-table tbody tr:hover th a, div#sixCol-table tbody tr:hover td a, div#sixCol-table tbody tr.odd:hover th a, div#sixCol-table tbody tr.odd:hover td a {
	color: #FFF;
	text-decoration: none
}

div#sixCol-table tbody tr:hover th a:hover, div#sixCol-table tbody tr:hover td a:hover, div#sixCol-table tbody tr.odd:hover th a:hover, div#sixCol-table tbody tr.odd:hover td a:hover {
	color: #FFF;
	text-decoration: underline
}

div#sixCol-table tfoot tr th {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: normal normal bold 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
	text-align: left;
}

div#sixCol-table tfoot tr td {
	background: url('images/datatable.gif') #FFF repeat scroll center left;
	border-top: 1px solid #CCC;
	font: italic normal normal 11px "Myriad Pro","Geneva",sans-serif;
	padding: 5px;
	color:#333;
}

html>body div#sixCol-table tfoot tr th, html>body div#sixCol-table tfoot tr td {
	border-bottom: 1px solid #CCC;
	color:#333;
}

 
html>body div#sixCol-table thead {
	display: block
}

html>body div#sixCol-table tfoot {
	display: block;
}

html>body div#sixCol-table tbody {
	display: block;
}

html>body div#sixCol-table thead tr th, html>body div#sixCol-table tbody tr th {
	width: 66px;
}

html>body div#sixCol-table thead tr th + th, html>body div#sixCol-table tbody tr th + td {
	width: 66px
}

html>body div#sixCol-table thead tr th + th + th, html>body div#sixCol-table tbody tr th + td + td {
	width: 66px
}

html>body div#sixCol-table thead tr th + th + th + th, html>body div#sixCol-table tbody tr th + td + td +td {
	width: 66px
}

html>body div#sixCol-table thead tr th + th + th +th + th, html>body div#sixCol-table tbody tr th + td + td +td + td {
	width: 66px
}

html>body div#sixCol-table thead tr th + th + th +th + th + th, html>body div#sixCol-table tbody tr th + td + td +td + td + td {
	width: 66px
}

html>body div#sixCol-table tfoot tr th {
	width: 66px;
}

html>body div#sixCol-table tfoot tr td {
	width:370px;
}

html>body div#sixCol-table thead tr th + th, html>body div#sixCol-table thead tr th + th + th, html>body div#sixCol-table thead tr th + th + th + th, html>body div#sixCol-table thead tr th + th + th + th + th {text-align:center;}

/* ------------- SITE BRANDING ------------ */
#cm {
  margin-top:40px;
  margin-bottom:40px;
  text-align:center;
  line-height:80%;
padding-bottom:15px;
}
#cm p {font-family:sans-serif;color:#ddd;line-height:8px;font-size:11px;}
#cm a {color:#ddd;text-decoration:none;}
#cm a:hover {color:#000033;text-decoration:none;}