@charset "UTF-8";
/*   
Job Name: Cetrus Re-Skin
Author: Ian Parham
Author URI: http://www.babblingcomet.com
Version: 4.1    
*/


/****************************
 **   Contents
 ****************************
 
    * General
        - HTML
        - Global Button
        
    * Layout        (Top-level page element styles)
        - Header
        - Tabbed Navigation
        - Main Content Area
        - Column One
        - Column Two
        - Cart/Checkout
        - Catalog Page
        - Footer
        - Index Page
        - Pop-up
        - Misc.



/****************************
 **   General
 ****************************/


/* HTML */

body {
    font: 12px Arial, Helvetica, sans-serif;
    background: #999999 url(/imgD/bgBody.png) repeat-x center top;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    color: #555;
}
a, a:link, a:visited, a:active {
    color: #0000EE;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    border: 0;
}
form {
    margin: 0;
    padding: 0;
}
input {
    background: #ffffff url(/imgD/bgContentShadow.png) repeat-x center top;
    border: 1px solid #666666;
    color: #555;
    padding: 3px 5px;
}
input.checkbox {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}
textarea {
    background: #ffffff url(/imgD/bgContentShadow.png) repeat-x center top;
    border: 1px solid #666666;
    color: #555;
    padding: 3px 5px;
}
.table,
.table-cart {
    border-collapse: collapse;
    margin: 0 0 1em 0;
}

.table th,
.table-cart th {
    background: url(/imgD/thBG.png) repeat-x left top;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    color: #444;
    font-weight: normal;
    font-size: 11px;
    padding: 5px;
}
.table th.first,
.table-cart th.first{
    background: url(/imgD/thLeft.png) no-repeat left top;
}
.table th.last,
.table-cart th.last {
    background: url(/imgD/thRight.png) no-repeat right top;
    border-right: none;
}
.table td,
.table-cart td {
    border: 1px solid #bdbdbd;
    padding: 10px;
}

.table-cart td {
	vertical-align: top;
}
.table tr,
.table-cart tr{
    background-color: expression(this.rowIndex % 2 == 0 ? '#f7f7f7' : '');
}

.table tr.alt,
.table-cart tr.alt {
    background-color: #f7f7f7;
}

.table-cart a.prod-name {
font-size: 14px;
display:block;
}
.table-cart .ondemand-cart {
list-style: none;
margin: 0;
padding: 0;
width: 230px;
}
.table-cart .ondemand-cart li {
	display: block;
	overflow: hidden;
	margin: 0 0 3px 25px;
}
 .ondemand-cart span {
	 display: block;
	 float: left;
 }
 .ondemand-cart div {
	 float: right;
 }

.table-cart tfoot td {
	border: none;
	text-align: right;
	background-color: #fff;
}

.table-cart tfoot td.pretax,
.table-cart tfoot td.tax,
.table-cart tfoot td.total {
	border: 1px solid #bdbdbd;
}
.table-cart tfoot td.total {
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
#columnTwo .cart-note {
	float: left;
	width: 500px;
}
.fieldTable {
    margin: 15px 0;
}
.fieldTable td {
    padding: 3px;
}
.fieldTable th {
    width: 125px;
    text-align: left;
}

.fieldTable th span {
    color: red;
    font-weight: bold;
}
.mixTable {
    border-collapse: collapse;
    margin: 0 0 1em 0;
}
.mixTable th {
    background: url(/imgD/thBG.png) repeat-x left top;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    padding: 5px;
}
.mixTable th.first {
    background: url(/imgD/thLeft.png) no-repeat left top;
}
.mixTable th.last {
    background: url(/imgD/thRight.png) no-repeat right top;
    border-right: none;
}
.mixTable td {
    border: 1px solid #bdbdbd;
    padding: 5px;
}

/* Global Button */

a.button { /* Button with right arrow */
    background: #ffffff url('/imgD/buttons/bNext.png') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.button span {
    background: transparent url('/imgD/buttons/bSlide.png') no-repeat 0 0;
    color: #ffffff;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}
a.button:active {
    background-position: right -20px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
    background-position: 0 -20px;
    padding: 5px 10px 3px 10px; /* push text down 1px */
}

a.buttonLt { /* Button with left arrow */
    background: #ffffff url('/imgD/buttons/bBack.png') no-repeat scroll top left;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-left: 6px;
    padding-left: 10px; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.buttonLt span {
    background: transparent url('/imgD/buttons/bSlide.png') no-repeat;
    color: #ffffff;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}
a.buttonLt:active {
    background-position: left -20px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.buttonLt:active span {
    background-position: 0 -20px;
    padding: 5px 10px 3px 10px; /* push text down 1px */
}
a.buttonDis, a.buttonDis:active { /* Disabled button with right arrow */
    background: #ffffff url('/imgD/buttons/bNextDisabled.png') no-repeat scroll top right;
    color: #f7f7f7;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.buttonDis span, a.buttonDis:active span {
    background: transparent url('/imgD/buttons/bSlideDisabled.png') no-repeat 0 0;
    color: #f7f7f7;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}

a.buttonLtDis, a.buttonLtDis:active { /* Disabled button with left arrow */
    background: #ffffff url('/imgD/buttons/bBackDisabled.png') no-repeat scroll top left;
    color: #f7f7f7;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-left: 6px;
    padding-left: 10px; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.buttonLtDis span, a.buttonLtDis:active span {
    background: transparent url('/imgD/buttons/bSlideDisabled.png') no-repeat;
    color: #f7f7f7;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}
a.buttonSpl { /* Button with no arrow */
    background: #ffffff url('/imgD/buttons/bSlide.png') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-right: 0;
    padding-right: 0; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.buttonSpl span {
    background: transparent url('/imgD/buttons/bSlide.png') no-repeat 0 0;
    color: #ffffff;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}
a.buttonSpl:active {
    background-position: right -20px;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.buttonSpl:active span {
    background-position: 0 -20px;
    padding: 5px 10px 3px 10px; /* push text down 1px */
}
a.buttonSplDis, a.buttonSplDis:active {  /* Disabled button with no arrow */
    background: #ffffff url('/imgD/buttons/bSlideDisabled.png') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 20px;
    margin-right: 0;
    padding-right: 0; /* sliding doors padding */
    text-decoration: none;
    border: 1px solid #666666;
}
a.buttonSplDis span, a.buttonSplDis:active span {
    background: transparent url('/imgD/buttons/bSlideDisabled.png') no-repeat 0 0;
    color: #ffffff;
    display: block;
    font: normal 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    padding: 4px 10px;
}

#container {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}


/****************************
 **   Layout
 ****************************/

/* Header */ 

#header {
    width: 100%;
    line-height:normal;
    padding: 0 10px 0 0;
}
#header .label{
    float: left;
    margin-right: 5px;
    color: #ffffff;
}
/* Tabbed Navigation */

#topNav {
    line-height:normal;
    margin: 0 auto;
    padding: 0;
}
#topNav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#topNav li {
    float: left;
    background: url(/imgD/tabInactiveLeft.png) no-repeat left top;
    margin: 0 2px 0 0;
    padding:0 0 0 10px;
}
#topNav a, #topNav a:link, #topNav a:visited, #topNav a:active {
    background: url(/imgD/tabInactive.png) no-repeat right top;
    color: #333333;
    display: block;
    padding:5px 15px 5px 5px;
    outline: none; /* hide dotted outline in Firefox */
}
#topNav #current {
    background-image: url(/imgD/tabActiveLeft.png);
}
#topNav #current a {
    background-image: url(/imgD/tabActive.png);
}
/* Cookie Crumbs */

#crumbs {
    background: #ffffff url(/imgD/bgCrumbs.gif) no-repeat right top;
    margin: 0;
    padding: 5px 10px;
}
#crumbs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#crumbs li {
    float: left;
    margin: 0 .5em 0 0;
    line-height: 20px;
}
#crumbs a {
    color: #555;
    font-size: 10px;
    outline: none; /* hide dotted outline in Firefox */
}
#container #mainContent {
    background: #ffffff url(/imgD/bgContentShadow.png) repeat-x center top;
    margin: 0;
    padding: 0;
    min-height: 480px;
}
#container #mainContentIndex {
    background: #ffffff url(/imgD/indexBanner.jpg) no-repeat left top;
    margin: 0;
    padding: 0;
    min-height: 480px;
    position: relative;
}

/* Column One */

#container #mainContent #columnOne {
    padding: 20px 0 20px 20px;
    vertical-align: top;
}
#container #mainContent #columnOne .sidebar {
    position: relative;
    padding: 0;
    margin: 0;
    width: 180px;
}

#container #mainContent #columnOne .sidebar h3 {
    color: #000000;
    background: url(/imgD/bgSectionHead180.png) top center no-repeat;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    margin: 0;
    position: relative;
    padding: 10px;
}
#container #mainContent #columnOne .sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#container #mainContent #columnOne .sidebar li a,
#container #mainContent #columnOne .sidebar li a:link,
#container #mainContent #columnOne .sidebar li a:visited {
    color: #333333;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 -1px 0;
    width: 158px !important;
    width: 180px;
    padding: 10px;
    background: #f7f7f7;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    border-bottom: 0;
    outline: none;
}

#container #mainContent #columnOne .sidebar li a.last,
#container #mainContent #columnOne .sidebar li a.last:link,
#container #mainContent #columnOne .sidebar li a.last:visited {
    padding-bottom: 5px;
}
#container #mainContent #columnOne .sidebar li li a,
#container #mainContent #columnOne .sidebar li li a:link,
#container #mainContent #columnOne .sidebar li li a:visited {
    color: #ffffff;
    background: #666666;
    text-indent: 15px;
}

#container #mainContent #columnOne .sidebar li li a.subCurrentLast,
#container #mainContent #columnOne .sidebar li li a.subCurrentLast:link,
#container #mainContent #columnOne .sidebar li li a.subCurrentLast:visited {
    color: #ffffff;
    background: #666666;
    text-indent: 15px;
    padding-bottom: 5px;
}
#container #mainContent #columnOne .sidebar li a span,
#container #mainContent #columnOne .sidebar li a:link span,
#container #mainContent #columnOne .sidebar li a:visited span {
    color: #999999;
}
#container #mainContent #columnOne .sidebar li a.current, 
#container #mainContent #columnOne .sidebar li a.current:link,
#container #mainContent #columnOne .sidebar li a.current:visited {
    background: url(/imgD/bgSubnavActive.png) no-repeat right;
    border-right: none;
    color: #000000;
    padding-right: 11px;
}
#container #mainContent #columnOne .sidebar li a.current span, 
#container #mainContent #columnOne .sidebar li a.current:link span,
#container #mainContent #columnOne .sidebar li a.current:visited span {
    color: #666666;
}
#container #mainContent #columnOne .sidebar li a.currentLast, 
#container #mainContent #columnOne .sidebar li a.currentLast:link,
#container #mainContent #columnOne .sidebar li a.currentLast:visited {
    background: url(/imgD/bgSubnavActive.png) no-repeat right;
    border-right: none;
    color: #000000;
    padding-right: 11px;
    padding-bottom: 5px;
}
#container #mainContent #columnOne .sidebar li a.currentLast span, 
#container #mainContent #columnOne .sidebar li a.currentLast:link span,
#container #mainContent #columnOne .sidebar li a.currentLast:visited span {
    color: #666666;
}
#container #mainContent #columnOne .sidebar li a.subCurrent, 
#container #mainContent #columnOne .sidebar li a.subCurrent:link,
#container #mainContent #columnOne .sidebar li a.subCurrent:visited {
    background-color: #ffcc00;
    color: #000000;
}
#container #mainContent #columnOne .sidebar li a.subCurrentLast, 
#container #mainContent #columnOne .sidebar li a.subCurrentLast:link,
#container #mainContent #columnOne .sidebar li a.subCurrentLast:visited {
    background-color: #ffcc00;
    color: #000000;
    padding-bottom: 5px;
}

#container #mainContent #columnOne .sidebar li li a.current, 
#container #mainContent #columnOne .sidebar li li a.current:link,
#container #mainContent #columnOne .sidebar li li a.current:visited {
    background: url(/imgD/bgSubnavCatActive.png) no-repeat right;
    border-right: none;
    color: #ffffff;
    padding-right: 11px;
}
#container #mainContent #columnOne .sidebar li li a.currentLast, 
#container #mainContent #columnOne .sidebar li li a.currentLast:link,
#container #mainContent #columnOne .sidebar li li a.currentLast:visited {
    background: url(/imgD/bgSubnavCatActive.png) no-repeat right;
    border-right: none;
    color: #ffffff;
    padding-right: 11px;
    padding-bottom: 5px;
}
#container #mainContent #columnOne .sidebar li a.subCurrent span, 
#container #mainContent #columnOne .sidebar li a.subCurrent:link span,
#container #mainContent #columnOne .sidebar li a.subCurrent:visited span {
    color: #555555;
}
#container #mainContent #columnOne .sidebar li a.current:hover {
    text-decoration: none;
}
#container #mainContent #columnOne .sidebar li a:hover {
    text-decoration: underline;
}
#container #mainContent #columnOne .sidebar .cap {
    background: url(/imgD/sectionNavCap180.png) bottom center no-repeat;
    width: 100%;
    height: 5px;
    margin: 0;
    padding: 0;
    font-size: 0;
}

#container #mainContent #columnOne .sidebar .capCurrent {
    background: url(/imgD/sectionNavCapCurrent180.png) bottom center no-repeat;
    width: 100%;
    height: 5px;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#container #mainContent #columnOne .sidebar .capSub {
    background: url(/imgD/sectionNavCapSub180.png) bottom center no-repeat;
    width: 100%;
    height: 5px;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#container #mainContent #columnOne .sidebar .capSubCurrent {
    background: url(/imgD/sectionNavCapSubCurrent.png) bottom center no-repeat;
    width: 100%;
    height: 5px;
    margin: 0;
    padding: 0;
    font-size: 0;
}

/* Column Two */

#container #mainContent #columnTwo {
    padding: 20px;
    vertical-align: top;
}
#container #mainContent h1 {
    color: #0000ee;
    font-size: 24px;
    margin: 0 0 .75em 0;
    padding: 0;
}
#container #mainContent h2 {
    color: #000000;
    font-size: 14px;
    margin: 0 0 .5em 0;
    padding: 0;
}
#container #mainContent h2 span {
    color: #555555;
    font-size: 14px;
    font-weight: normal;
}

#container #mainContent p {
    color: #555;
    font-size: 12px;
    margin: 0;
    padding: 0 0 15px 0;
}
/* Cart/Checkout */

#columnOne .cartText ul {
    margin: 0;
    padding: 0;
	width: 180px;
    font-size: 11px;
}
#columnOne .cartText li {
    margin-bottom: 5px;
}
#columnOne .cartText li strong {
    color: #000000;
}

/* Catalog Page */

.galleryTable {
    border-collapse: collapse;
    margin: 0 0 1em 0;
}

.grid td {
	width: 33%;
}

.galleryTable th {
    background: url(/imgD/thBG.png) repeat-x left top;
	border: none;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    padding: 5px 10px;
}
.galleryTable th.first {
    background: url(/imgD/thLeft.png) no-repeat 0px 0;
}

.galleryTable tr{
    background-color: expression(this.rowIndex % 2 == 0 ? '#f7f7f7' : '');
}

.galleryTable th.last {
    background: url(/imgD/thRight.png) no-repeat right top;
    border-right: none;
}

.galleryTable td {
    border: 1px solid #bdbdbd;
    padding: 5px;
}

.galleryTable .cap {
    background: url(/imgD/galCap.png) no-repeat left bottom;
    color: #000000;
    font-weight: normal;
    font-size: 11px;
    padding: 5px;
    margin: 0;
    border: 0;
}

.galleryTable .sectionBreak {
    background: #0000ee;
    color: #ffffff;
    padding: 5px 10px;
    font: normal 10px/1em Arial, Helvetica, sans-serif;
}
.galleryTable .photo {
    vertical-align: top;
}
.galleryTable .photo img {
    border: none;
    outline: none;
    margin: 10px;
}
.galleryTable .photo a {
    outline: none;
}
.galleryTable .desc {
    vertical-align: top;
}
.galleryTable .desc h3,
.galleryTable .desc h3 a,
.galleryTable .desc h3 a:link,
.galleryTable .desc h3 a:visited,
.galleryTable .desc h3 a:active {
    margin: 0;
    padding: 0;
    line-height: 14px;
    font-size: 14px;
}
.galleryTable .desc div,
.grid td div {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 14px;
    font-size: 10px;	
}
.galleryTable .desc p {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
	text-align: justify;
}
.galleryTable .rate {
    vertical-align: top;
	text-align: center;
    width: 120px;
}
.galleryTable .rate div {
    font: bold 14px/14px Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 15px 0 10px 0;
}

/* Page Navigation */

.page-nav {
    padding: 0;
    width: 100%;
	margin: 0 0 .2em 0;
    }
.page-nav .sort {
    border: 0;
}

.sort .grid-view {
	float: left;display: block; padding: 3px 5px 3px 26px; border: 1px solid #bdbdbd; line-height: 1em; margin-right: 30px; margin: 5px 0; background: #f7f7f7 url(/imgD/grid.png) 3px 3px no-repeat;
}
.sort .list-view {
	float: left;display: block; padding: 3px 5px 3px 26px; border: 1px solid #bdbdbd; line-height: 1em; margin-right: 30px; margin: 5px 0; background: #f7f7f7 url(/imgD/list.png) 3px 3px no-repeat;
}

.page-nav .sort .label {
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    float: left;
    padding: 3px 0;
    margin-right: 5px;
 }
.page-nav .listcount {
    float: left;
    font-size: 14px;
    line-height: 1em;
    padding: 3px 5px;
    font-weight: bold;
    }
.page-nav .pages {
    float: right;
    border: 0;
    margin: 0;
    padding: 0;
}

.page-nav .pages li {
    float: right;
    margin: 0 0 0 2px;
    padding: 0;
    border: none;
	background: none;
    list-style: none;
    }
.page-nav .pages a,
.page-nav .pages a:link,
.page-nav .pages a:visited,
.page-nav .pages a:active {
    text-decoration: none;
    padding: 3px 5px;
    background: none;
    border: 1px solid #f7f7f7;
    font-size: 12px;
    line-height: 1em;
    display: block;
    }
	
.page-nav .pages a.current {
    padding: 3px 5px;
    font-weight: bold;
    background-color: #ffcc00;
    border: 1px solid #bdbdbd;
    color: #000000;
}

.page-nav .pages li a:hover {
    background-color: #ffffff;
    border: 1px solid #bdbdbd;
    }    

/* Footer 10/28/2010 */

#footer {
	overflow: hidden;
	background: url(/imgD/bg_footer.png) no-repeat bottom left;
	padding: 10px 10px 15px 10px;
}
#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer li {
    float: right;
    margin: 0 .5em 0 0;
    color: #ffffff;
}
#footer a {
    color: #ffffff;
    font-size: 12px;
    outline: none;
}

/* Product detail page */
.prodDesc {
    line-height: 1.5em;
    padding: 0 35px 20px 20px;
    width: 470px;
}
.prodDesc div {
    color: #999999;
    font-size: 10px;
}
.prodDesc h1 {
    padding: 0;
    margin: 0;
}
.prodDesc h2 {
    padding: 0;
    margin: 0 0 0 0;
}
.prodDesc ul {
    padding: 0;
    margin: 0 0 .75em 0;
}
.prodDesc li {
    padding: 0;
    margin: 0 0 0 15px;
}
.prodDesc p {
    padding: 0;
    margin: 0 0 .75em 0;
}
.prodDesc img {
    border: 1px solid #bdbdbd;
}
.prodDesc img:hover {
    border: 1px solid #0000ee;
}
.prodDesc .left {
    float: left;
    margin: 0 0 15px 0;
}
.prodDesc .right {
    float: right;
    clear: right;
    margin: 0 0 15px 0;
}
.prodSide {
    width: 200px;
    padding: 0;
    margin: 0;
}
.prodSide .buy {
    background: url(/imgD/prodSideBg.png) no-repeat left top;
    width: 180px !important;
    width: 200px;
    padding: 10px 10px 0 10px;
    text-align: center;
}
.prodSide .buy div {
    padding: 0;
    
    font-size: 24px;
    text-align: center;
}
.prodSide .cap {
    background: url(/imgD/prodSideBg.png) no-repeat left bottom;
    width: 200px;
    height: 10px;
}
.prodSide h3 {
    font-size: 10px;
    color: #000000;
    margin: 25px 0 5px 0;
    padding: 0;
}
.prodSide ul {
    color: #000000;
    margin: 0;
    padding: 0;
    list-style: none;
}
/****************************
 **   Index Page
 ****************************/
.bannerIndex {
    width: 505px !important;
    width: 980px;
    padding: 15px 460px 10px 15px;
    margin: 0;
}
.bannerIndex h1 {
    font-size: 18px;
    color: #ffcc00;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
}

.bannerIndex p {
    font-size: 14px;
    color: #ffffff;
    margin: 0 0 5px 0;
    padding: 0;
}
.contentIndex {
    width: 950px;
    margin: 15px;
    clear: both; /* This keeps the table inside the main content cell in Safari */
} 
.contentIndex .copyTopL {
    height: 10px;
    font-size: 1px;
    background: url(/imgD/indexBox635top.png) no-repeat left top;
    margin: 0;
    padding: 0;
}
.contentIndex .copyCapL {
    height: 10px;
    font-size: 1px;
    background: url(/imgD/indexBox635cap.png) no-repeat left bottom;
    margin: 0;
    padding: 0;
}
.contentIndex .copyTopR {
    height: 10px;
    font-size: 1px;
    background: url(/imgD/indexBox635top.png) no-repeat right top;
    margin: 0;
    padding: 0;
}
.contentIndex .copyCapR {
    height: 10px;
    font-size: 1px;
    background: url(/imgD/indexBox635cap.png) no-repeat right bottom;
    margin: 0;
    padding: 0;
}
.contentIndex .copy {
    width: 355px !important;
    width: 385px;
    margin: 0;
    padding: 5px 15px;
    background: #f7f7f7 url(/imgD/indexBox635bg.png) repeat-y left top;
    vertical-align: top;
}
.contentIndex .copy h2 {
    font: normal 24px/24px Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0 0 5px 0;
    padding: 0;
}
.contentIndex .copy ol {
    margin: 0;
    padding: 0;
}
.contentIndex .copy li {
    margin: 0 0 5px 18px !important;
    margin: 0 0 5px 0;
}
.contentIndex .copy ol strong {
    display: block;
    color: #000000;
}
.contentIndex .browse {
    background: #f7f7f7 url(/imgD/indexBox635bg.png) repeat-y right top;
    width: 220px !important;
    width: 250px;
    vertical-align: top;
}
.contentIndex .browse ul {
    margin: 0;
    padding: 5px 15px; 
    list-style: none;
}
.contentIndex .browse h3 {
    font: normal 18px/18px Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}
.contentIndex .browse li {
    margin: 0 0 20px 0;
}
.contentIndex .browse select {
    width: 210px;
}
.contentIndex .featuredTop {
    background: url(/imgD/box300topCap.png) no-repeat left top;
    margin: 0;
    padding: 0;
}
.contentIndex .featuredCap {
    background: url(/imgD/box300topCap.png) no-repeat left bottom;
    margin: 0;
    padding: 0;
}
.contentIndex .featured {
    width: 298px;
    margin: 5px 15px;
    padding: 0;
    list-style: none;
}
.contentIndex .featured h3 {
    color: #000000;
    margin: 0;
    padding: 5px 15px 15px 15px;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    font: normal 18px/18px Arial, Helvetica, sans-serif;
    width: 268px;
}
.contentIndex .featured img {
    text-align: center;
    border: none;
    margin: 10px 0;
}
.contentIndex .featured div {
    width: 268px;
    border: 1px solid #bdbdbd;
    background-color: #f7f7f7;
    padding: 15px;
}
.contentIndex .featured div a.title {
    display: block;
}
.contentIndex .featured a.more {
    width: 268px;
    display: block;
    margin: 0;
    padding: 10px 15px 0px 15px;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
}

/* Category Icons */
#cats {
    position: relative;
    padding: 0;
    margin: 0 0 0 0;
    border-top: 1px solid #fff;
    clear: both;
}
 
#cats li {
    float: left;
    display: block;
    height: 45px;
    cursor: pointer;
}

#cats li a {
    background: url(/imgD/buttons/cat_buttons.png) no-repeat left top;
    display: block;
    height: 45px;
    text-indent: -400px;
    overflow: hidden;
    outline: none;
    border-left: 1px solid #fff;
}
#cats #catBio a {
    width: 108px;
    border: none;
}
#cats #catCivil a {
    background-position: -108px 0;
    width: 87px;
}
#cats #catEnviro a {
    background-position: -196px 0;
    width: 147px;
}
#cats #catGeo a {
    background-position: -344px 0;
    width: 141px;
}
#cats #catMech a {
    background-position: -486px 0;
    width: 136px;
}
#cats #catPave a {
    background-position: -623px 0;
    width: 128px;
}
#cats #catStruc a {
    background-position: -752px 0;
    width: 123px;
}
#cats #catAll a {
    background-position: -876px 0;
    width: 103px;
}

#cats #catBio a:hover {
    background-position: 0 -90px;
}
#cats #catCivil a:hover {
    background-position: -108px -90px;
}
#cats #catEnviro a:hover {
    background-position: -196px -90px;
}
#cats #catGeo a:hover {
    background-position: -344px -90px;
}
#cats #catMech a:hover {
    background-position: -486px -90px;
}
#cats #catPave a:hover {
    background-position: -623px -90px;
}
#cats #catStruc a:hover {
    background-position: -752px -90px;
}
#cats #catAll a:hover {
    background-position: -876px -90px;
}

/****************************
 **   Pop-up
 ****************************/
.popupShell {
    background: none;
    margin: 0;
    padding: 0;
}
.popUp {
    margin: 0 auto;
    text-align: left;
}
.popUp h2 {
    color: #0000ee;
    font: normal 18px/18px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 15px;
    background-color: #ffcc00;
}
.popUp h3 {
    margin: 0 0 5px 15px;
    padding: 0;
}
.popUp .desc {
    padding: 10px 15px;
    border-bottom: 5px solid #ffffff;
    background-color: #f5f5f5;
}
.popUp .desc span {
    color: #999999;
}
/****************************
 **   Misc
 ****************************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* Form Alert Box */

.alert {
    background: #fdded7 url(/imgD/alert.png) no-repeat 50px center;
    border-top: 3px solid red;
    border-bottom: 3px solid red;
    color: red;
    font-weight: bold;
    width: 100%;
    margin: 15px 0;
    padding: 0; 
    min-height: 70px;
}
.alert ul {
    position: relative;
    margin: 10px 150px;
    padding: 0; 
    min-height: 70px;
}
.alert li {
    margin: 0 0 3px 15px;
}
.info {
    background: #dcffdc;
    border-top: 3px solid #08b300;
    border-bottom: 3px solid #08b300;
    color: #555555;
    width: 100%;
    margin: 15px 0;
    padding: 0;
    min-height: 70px;
}
.info ul {
    margin: 0;
}
/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
    margin: 15px;
    padding: 0;
    background: #f7f7f7;
    border-left: solid 1px #CCC;
    border-right: solid 1px #999;
    border-top: none;
    border-bottom: solid 1px #CCC;
}
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
    font: bold 12px sans-serif;
    color: #fff;
    background-color: #088202;
    border-bottom: none;
    margin: 0px;
    padding: 10px 15px;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
    margin: 10px;
    padding: 0;
}
.CollapsiblePanelContent li {
    font-weight: bold;
}
.CollapsiblePanelContent dl {
    font-weight: normal;
    margin: 0;
}
.CollapsiblePanelContent dd {
    margin: 0 0 10px 0;
}
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
    color: #000000;
    text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #08b300;
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
    background-color: #08b300;
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
    background-color: #088202;
}

.FormFontL {
    color: #414141;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.check {
	font-family: Wingdings;
	font-size: 14px;
	color: black;
	cursor: default;
	text-align: center;
}


/*Begin R1 Product Page 10/28/2010*/


.downloads {
margin: 0 0 1em 0;
padding: 0;
}
.downloads li {
list-style-image: url(/imgD/pdf_bull.png);
margin: 0 0 .5em 25px;
padding: 0;}


.infoContainer {
position: relative;
width: 740px;
margin-top: 20px;
overflow: hidden;
}
.prodInfoContainer {
position: relative;
width: 560px;
float: left;
}
.prodInfo {
padding: 10px 20px;
background-color: #f7f7f7;
border-right: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
color: #444;
}
.prodInfo ul,
.reqs {
margin: 0 0 1.5em 0;
padding: 0;
}
.prodInfo li,
.reqs li {
padding: 0;
margin: 0 0 .2em 15px;}

h3, h4 {
margin: 0 0 .2em 0; 
padding: 0;
color: #000;
font-weight: normal;
}

.prodInfo h3 {
font-size: 18px;
}
.prodinfo h4 {
font-size: 12px;
}
.prodInfo p {
margin: 0 0 .5em 0;
color: #444;
}
.specialInfo {
width: 160px;
float: right;
}
hr {
border: 1px solid #bdbdbd;
margin: 1.5em 0;
}
.buybutton {
position: absolute;
top: 100px;
left: 580px;
border:none;
}
.vendorBadge {
position: absolute;
border: none;
top: 160px;
left: 580px;
}


.prodHead {
display: block;
position: relative;
height: 280px;
width: 740px;
background: #fff url(/imgD/bgProdHead-740.gif) no-repeat top left;
overflow: hidden;
}
.prodHead h1 {
position: absolute;
left:15px;
top: 15px;
font-size: 24px;
font-weight: normal;
}
.prodHead h2 {
position: absolute;
left:15px;
top: 45px;
font-size: 14px;
font-color: #000;
font-weight: normal;
}
.prodHead .caption {
position:absolute;
top: 90px;
left: 340px;
height: 155px;
width: 220px;
}

/* Begin infinite carousel */
.infiniteCarousel {
  width: 300px;
  position: absolute;
  top: 80px;
  left: 20px;
}

.infiniteCarousel .wrapper {
  width: 240px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 175px;
  margin: 0 30px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  /*border: 1px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0;
  height: 175px;
  width: 240px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 175px;
  width: 30px;
  background: url(/imgD/scrollArrows.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 0px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: -30px -175px;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -175px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: -30px 0;
}

.infiniteCarousel .back:hover {
  background-position: 0 0;
} 
/* End Carousel */



/*Beging Vendor Landing Page */
.vendor {
overflow: hidden;
padding: 15px 0;
background: url(/imgD/bgvendor.gif) top left no-repeat;
height: 420px;
}

.vendor .column {
width: 28%;
height: 390px;
float: left;
padding: 0 15px;
}
.vendor .column p {
margin:  0 0 .5em 0;
}
#container #mainContent .vendor .column h2 {
padding: 30px 0;
display:block;
font-size: 16px;
font-weight: normal;
}

#container #mainContent .vendor .column h2.watch{
background: url(/imgD/icn_watch.gif) top right no-repeat;
}
#container #mainContent .vendor .column h2.lock {
background: url(/imgD/icn_lock.gif) top right no-repeat;
}
#container #mainContent .vendor .column h2.box {
background: url(/imgD/icn_box.gif) top right no-repeat;
}
.column ul {
margin: 0;
padding: 0;
}

.column li {
margin: 0 0 .75em 15px;
padding: 0 0 0 0;
}
.vendor .left {
	border-right: 1px solid #bdbdbd;
}

/* End Vendor Landing Page*/

/* Begin new sign in page */
.signin {
position: relative;
margin: 80px 0 100px 75px;
padding: 0;
width: 370px;
}
.signin label.radio {
padding: 0;
color: #000;
font-weight: bold;
font-size: 14px;
}

.signin li.right {
text-align: right;
}

/* End new sign in page */

/* Begin New Gallery Sorting */
h3.narrow {
padding: 10px 10px 22px 10px;
margin:0;
line-height: 1em;
font-size: 18px;
color: #000;
background: url(/imgD/nav-head-arrow-180.png) no-repeat top left;	
}
.narrow-by {
border: 1px solid #bdbdbd;
border-width: 0 1px 1px 1px;
padding: 15px 15px 0 15px;
}
.narrow-by h4 {
padding: 0;
margin:0 0 3px 0;
line-height: 1em;
font-size: 14px;
color: #000;
}
			  
.narrow-by ul {
	margin: 0 0 20px 5px;
	padding: 0;
	list-style: none;
}
.narrow-by li {
padding: 0;
/* color: #bdbdbd; list color here */
color: #000;
margin: 0 0 .5em 0;
}

.narrow-by li label input {
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
}
.narrow-by li label span {
	color: #bdbdbd;
}

.filters a {
display: block;
border: 1px solid #bdbdbd;
background: #f7f7f7 url(/imgD/x-xo.png) 5px -41px no-repeat;
padding: 5px 5px 5px 25px;
text-decoration: none;
}

.filters a:hover {
background: #fff url(/imgD/x-xo.png) 5px 5px no-repeat;
}

.contact {
float: left; line-height: 20px; color: #fff;
text-align: center;
margin: 0 0 5px 0;
width: 430px;
}

.signin-link {
float: right; width: auto; line-height: 20px; color: #fff; clear: right;
text-align: center;
margin: 0 0 5px 0;
}

.contact {
	font-size: 14px;
}

.signin-link a {
color: #fff;
text-decoration: underline;
}

a.grey-button,
a.grey-button:visited {
	dislay: block;
	border: 1px solid #999;
	padding: 3px 5px;
	margin: 2px 0 0 0;
	float: right;
	line-height: 1em;
	font-size: 14px;
	border-bottom-color: #333;
	border-right-color: #333;
	text-decoration: none;
	color: #f2f2f2;
	background-color: #555;
}

a.grey-button:hover {
	border: 1px solid #999;
	border-bottom-color: #333;
	border-right-color: #333;
	color: #fff;	
	background-color: #666;
}

.gallery-header {
	border: 1px solid #bdbdbd;
	margin: 0 0 15px 0;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f2f2f2;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ddd));
background: -moz-linear-gradient(top,  #f7f7f7,  #ddd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ddd');
								 
	
	}
.gallery-header p {
	color: #000;
	margin-bottom: 0;
}