@import url(layout.css);


body {
	margin:0px;
	padding:0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:0.7em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:160%;
	background-color:#efefef;
}


body.mceContentBody {
	background-color:#ffffff;
}

a {
    color: #178b00;
    text-decoration: none;
	font-weight:600;
}
a:link { }
a:visited { }
a:active { }
a:hover { }

/*
leave pseudo-classes exactly in this order even if you decide to re-declare them
------------------------------------------------------------------[important note] */

a:link:hover, a:visited:hover {
    color: #9aca3b;
    text-decoration: underline;
}
/* we dont really want to underline and hilite named anchors in this theme, just links
------------------------------------------------------------------[important note] */

/*
Tables and related selectors
-------------------------------------------------------------------------[comment] */

table {
    font-size: 11px;
    line-height: 1.35em;
    margin: 5px 0;
}

/*
the actual border should be visible only when border-width is re-declared
------------------------------------------------------------------[important note] */

th {
    color: #0079b0;
    background-color: #f3f3f3;
}

thead { }

tfoot {
    font-weight: bold;
    background-color: #DCDCE1;
}

th, td {
    padding: 1px 3px;
    height: auto;
}

td {
/** keep it transparent for nfc07
  background-color: #ffffff;
**/
}

/*
General text and related selectors
-------------------------------------------------------------------------[comment] */

h1, h2, h3, h4 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #178b00;
    padding: 0px;
	margin: 0px;
	font-weight:bolder;
}

/*
page headers - shared typography and positioning
-------------------------------------------------------------------------[comment] */

h1 {
	padding-bottom: 5px;
    color: #178b00;
	border-bottom: 1px dashed #cccccc;
	margin: 0px 0px 10px 0px;
	font-size:20px;
}
h2 {
    color: #178b00;
	font-size:18px;
	margin: 0px 0px 10px 0px
}
h3 {
    color: #178b00;
	font-size:16px;
	border-bottom: 1px dashed #cccccc;
}
h4 {
    color: #178b00;
	font-size:14px;
	border-bottom: 1px dashed #cccccc;
}

p { margin: 0 0 1em 0; }

pre {
    color: #178b00;
    font-size: 13px;
    font-family: courier, monospace;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul li {
    padding-left: 10px;
    background-image: url(css/bullet-002c7a.gif);
    background-repeat: no-repeat;
    background-position: 0 .45em;
}

/* reset background on all pre-styled li elements for good browsers */
ul li[style] { background-image: none; }

blockquote {
    margin: 2em;
}

code {
    color: #178b00;
    font-family: monaco, courier, monospace;
}

sup, sub {
    font-size: 11px;
    font-weight: normal;
}

/*
Form elements
-------------------------------------------------------------------------[comment] */

form {
    margin: 1em 0;
    padding: 0;
    display: block;
}

button { border: 2px outset #f0f0f0; }

input, select, textarea {border: 1px solid #004173;}
input.radio {border: none;}
input[type="radio"]{border: none;}
input.checkbox {border: none;}
input[type="checkbox"]{border: none;}


submit{
border: 2px outset #f0f0f0;
}

legend {
    color: #CC3300;
    border: 1px solid #aaaaaa;
    margin: 0 -1px;
    padding: 1px 5px;
    font-weight: bold;
    min-width:15em;
    display:block;
    background-image: url(../images/gradients.png);
    background-position: 0px -410px;
    background-repeat: repeat-x;
}

fieldset {
    border: 1px solid #004173;
    margin: 1em 0;
    padding:10px;
	background-color:#FFFFFF;
}



/* reset for table header labels to preserve table styles */
th label {
    background-color:transparent;
    border:0 none;
    width:auto;
    margin:auto;
}

td select {width:auto;}

/*
replaced elements
-------------------------------------------------------------------------[comment] */

img { border: 0px; }

/*
list elements
-------------------------------------------------------------------------[comment] */

ul, li, ol { line-height: 140%; }

/* THEME SPECIFIC CLASSES [gen_heading] */
h5, h6 {
    color: #178b00;
    font-size: 11px;
    font-family: Arial, verdana, sans-serif;
    font-weight: bold;
}

hr {
    width: 100%;
    color: #cccccc;
    height:0px;
}





/* ===== Page Styles ===== */
#ecom-page {
	width: 990px; /* page width */
	text-align: left;
	margin: 0 auto;
}
/* ===== Header Styles ===== */
#ecom-header {
	position: relative;
	height: 110px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 15px 0 10px 0;
	background-color:#FFFFFF;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#ecom-header #left {
	margin: -5px 0px 0px 10px;
	width: 200px;
}
#ecom-header #middle {
}
#ecom-header #right {
	float: right;
	padding-right: 10px;
}


/* ===== Header-Bar Styles ===== */
#ecom-header-bar {
	background:url(menu_bg.png) repeat-x;
	height:35px;
	text-align:center;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#ecom-header-bar ul#left-links  {
	padding-left:25px;
	float: left;
	display: block;
	border-right: 1px solid #FFFFFF;
	background:url(menu_l.png) 0px 0px no-repeat;
}
#ecom-header-bar ul#left-links li {
	float:left;
	height: 26px;
	width: 115px;
	border-left: 1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
}
#ecom-header-bar ul#right-links  {
	padding-right:25px;
	float: right;
	display: block;
	border-left: 1px solid #FFFFFF;
	background:url(menu_r.png) right 0px no-repeat;
}
#ecom-header-bar ul#right-links li {
	float:left;
	height: 26px;
	width: 115px;
	border-right: 1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
}
#ecom-header-bar ul li a {
	display: block;
	margin:0px;
	padding-top:5px;
	font-size: 12px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform:uppercase;
	color: #ffffff;
	width: 115px;
	height: 22px;
	background: url(menu.jpg) 0px 0px no-repeat;
} 
#ecom-header-bar ul li a:hover {
	background: url(menu.jpg) 0px -27px no-repeat;
	color:#000000;
}

/* ===== Header-Bar Styles ===== */
#ecom-afterheader {
	height: 1px;
	display: none;
}

/* ===== Layout/Formatting Styles ===== */
/* NOTE: using a combination of a float left/right for the side bars AND 
  wide margins for the center to get 2 desired effects: 1. be able to end
  columns and put the footer at the bottom of the page and 2. not have the
  center column expand to full width below the columns.
  
  The downside to this is that in some browsers we can't effectively use floats
  within divs in the main column.
*/


.endcolumns {
	clear: both;
	height: 0px;
	visibility: hidden;
}  


/* ecom-mainarea wraps what is below the header including the divs for left, main, right columns as applicable */
#ecom-mainarea {
	background:#fff;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 20px;
}

#ecom-mainarea .left {
	float: left;
	width: 150px;
}

#ecom-mainarea .right {
	float: right;
	width: 200px;
}

#ecom-mainarea .center, #ecom-mainarea .leftonly, #ecom-mainarea .rightonly, #ecom-mainarea .nocolumns {
	background:#fff;
	text-align: left;
	vertical-align: top;
}
#ecom-mainarea .center {
	margin-left: 160px;
	margin-right: 210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 161px;
	margin-right: 211px;
}
#ecom-mainarea .leftonly {
	margin-left: 160px;    
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 161px;
}

#ecom-mainarea .rightonly {
	margin-right: 210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right: 211px;
}


/*  Site styles */
A.buttontext, .buttontextdisabled, .buttontexthighlight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background: white;
	margin: 2px 1px 2px 1px;
	padding: 1px 4px 1px 4px;
	line-height: 200%;
}
A.buttontexthighlight{
	color: white;
	background-image:url(css/bg_nav_button.gif);
	<!--[if lte IE 6]>
	background-image:url(css/bg_nav_button_ie.gif);
	<![endif]-->
	background-repeat:repeat-x;
}

A.buttontext {
	color: #005AAA;
}

A.buttontext:hover {
	color: red;
	text-decoration: underline;
}
A.buttontexthighlight:hover {
	text-decoration: underline;
}

.float-container {
	overflow: auto; /* places a box that grows around any internal floats */
}

/* ===== Product Detail Styles ==== */

.action-box {
    float: right;
    padding: 5px 5px 5px 5px;
    margin: 0 0 10px 10px;
    border: 1px solid #999999;
	background:url(box_bg.jpg) repeat-x #ffffff;
}
.action-box p {
    margin: 0px 10px 5px 10px;
    padding:0px;
    text-align:left;
    height:21px;
    width:120px;
}
.action-box p.button {
    background-image:url(css/bg_nav.gif);
    background-repeat:repeat-x;
    text-align:center;
}
/* dg: not linktext .action-box a.linktext, */ 
.action-box a.buttontexthighlight{
	background:none;
	color:#ffffff;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.action-box a:hover {
	text-decoration: underline;
    color: #9aca3b;
}
#productdetail{
	background:none;
}
#productdetail ul.tag-list{
}
#productdetail ul.tag-list #tag-label{
	display:none;
}
#productdetail ul.tag-list #tag-label a {
    color: #999999;
}
#productdetail ul.tag-list li {
	display: inline;
	background: none;
	padding-left: 0;
	padding-right: 10px;
}
#productdetail ul.tag-list li a,
.action-box a.subtlelinktext
{
    color: #999999;
	font-weight: normal;
	text-decoration:underline;
}
#productdetail ul.tag-list li a:hover,
.action-box a.subtlelinktext:hover	
{
    color: #9aca3b;
	font-weight: normal;
	text-decoration:underline;
}
#productdetail #lead{
	padding: 10px;
	border:1px solid #999999;
	background:url(box_bg.jpg) repeat-x #ffffff;
}
#productdetail #associated-products{
	padding: 10px;
	border:1px solid #999999;
	background:url(box_bg.jpg) repeat-x #ffffff;
	margin: 10px 0px;
	/** dg: check directory-lte-ie6 ... surrounding box removed **/
	/* dg: remove effects 
	padding: 10px 0;
	border: 0px none white;
	*/
}
#productdetail #associated-products .productsummary-container {
    padding-bottom: 15px;
}

#productdetail #download-files{
	padding: 10px;
	border:1px solid #999999;
	background:url(box_bg.jpg) repeat-x #ffffff;
	margin-bottom: 10px;
}
#productdetail #partyContactInfo{
	margin-top:10px;
	padding: 10px;
	background-image: none;
}
#productdetail #lead #leadgen {
	float:right;
}
#productdetail #lead form textarea {
	width:350px;
	height:250px;
}
#productdetail #lead form th {
	color: #178b00;
	padding:5px;
	background:none;
	border:none;
}
#productdetail #partyContactInfo table {
	margin:0px;
}
#productdetail #partyContactInfo table th {
	color: #178b00;
	padding:5px;
	background:none;
}
#productdetail #partyContactInfo table td {
	color: #000000;
	padding:5px;
	background:none;
}
#productdetail h2 {
	padding-bottom:3px;
	font-size:18px;
    color: #178b00;
	border-bottom: 1px dashed #cccccc;
}
#productdetail h3 {
	padding-bottom:3px;
	font-size:18px;
    color: #178b00;
	border-bottom: 1px dashed #cccccc;
}
/* ===== Product Summary Styles ===== */
.product-prevnext {
	text-align: right;
}

.productsummary-container {
}
.productsummary-wrapper {
	padding: 0px 0px 5px 0px;
	position: relative;
	border-bottom: 1px dashed #999999;
	margin-bottom:10px;
}
.productsummary {
/** dg: I moved to directory-lte-ie6
	position:relative;
**/	
	overflow: auto; /* places a box that grows around any internal floats */
	border: 1px solid #999999;
	background:url(box_bg.jpg) repeat-x;
/** dg: I moved to directory-lte-ie6
	width:99%;
**/	
}

.LST_PREMIUM {
	background:url(prem_list_bg.gif) repeat-x;
}
.LST_STANDARD {
	background:url(std_list_bg.gif) repeat-x;
}
.LST_BASIC {
    background-color: #ffffff;
}
.productsummary .productinfo {
	position:relative;
	padding:10px 10px 10px 150px;
	background-color:none;
	text-align: left;
	margin:0px;
}
.productsummary .productinfo .tabletext{
}
.productsummary .productinfo .tabletext a.linktext{
	font-size:14px;
	font-weight:bolder;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	border-bottom: 1px dashed #CCCCCC;
}
.productsummary .productinfo .location {
    color: #999999;
    font-weight: normal;
}
.productsummary .smallimage {
    position:relative;
    z-index:1000;
 	float: left;
	width: 120px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	text-align:center;
	padding:9px;
	background-color:#eeeeee;
	margin-right: 0px;
}

.productsummary .smallimage img {
	margin:0px 0px 10px 0px;
	border:2px solid #FFFFFF;
}
.productsummary-wrapper ul.tag-list #tag-label {
    display: none;
}
.productsummary-wrapper ul.tag-list #tag-label a {
    color: #999999;
}
.productsummary-wrapper ul.tag-list li {
	display: inline;
	background: none;
	padding-left: 0;
	padding-right: 10px;
}
.productsummary-wrapper ul.tag-list li a {
    color: #999999;
	font-weight: normal;
}
.affiliate-images {
	float: right;
}   
.affiliate-image {
    margin-left: 10px;
}   
.affiliate-image img {
    border: #CCC solid 1px;
}   

/* ====== eCommerce "Screenlet" Styles ====== */
#ecom-mainarea .screenlet {
	border: 1px solid #999999;
	margin-bottom: 10px;
	height:auto !important;
	background:url(box_bg.jpg) repeat-x #ffffff;
	padding:5px;
}
#ecom-mainarea .screenlet-header {
	padding-top: 1px;
	padding-bottom: 3px;
	padding-right: 4px;
	padding-left: 4px;
	height:auto !important;
	border-bottom:dashed 1px #999999;
}
#ecom-mainarea .screenlet-body {
	padding: 4px;
	height:auto !important;
}

.boxhead {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	display: inline;
	text-transform:uppercase;
	letter-spacing:0px;
}

.boxlink {
    float:right;
}

A.boxheadbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

A.boxheadbutton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: red;
}
A.lightbuttontext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
	border: none;
}

A.lightbuttontext:hover {
	color: yellow;
	text-decoration: underline;
}

A.lightbuttontextsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
	border: none;
}

A.lightbuttontextsmall:hover {
	color: yellow;
	text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A.buttontextbig, .buttontextbigdisabled, A.buttontextbighighlight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background: white;
border: #999999 solid 1px;
margin: 2px 2px 2px 2px;
padding: 1px 4px 1px 4px;
line-height: 200%;
}
A.buttontextbighighlight{
color: white;
background-image:url(css/bg_nav_bigbutton.gif);
<!--[if lte IE 6]>
background-image:url(css/bg_nav_bigbutton_ie.gif);
<![endif]-->
background-repeat:repeat-x;
}
A.buttontextbig {
color: #005AAA;
}
.buttontextbigdisabled {
color: #CCCCCC;
}
A.buttontextbig:hover {
color: red;
text-decoration: underline;
}
A.buttontextbighighlight:hover {
text-decoration: underline;
}



basic-table {
}
full-width {
    width: 100%;
}

/** Tag Cloud **/
#tagcloud {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 10px;
}
#tagcloud li {
    display: inline;
    padding-right: 10px;
}

/** category and tag featured listings **/
#featured-listings {
	margin: 0px 0px 10px 0px;
	border: 1px solid #999999;
	padding-bottom:25px;
}
#featured-listings .screenlet{
	margin: 0px 0px 0px 0px;
	border: none;
}
.featured-listings-wrapper {
	margin: 10px 0px 20px 0px;
}

.featured-listings-links-list {
	float: left;
}
		.stripViewer p#cross-links { 
			text-align: center
		}
        .stripViewer p#cross-links {
			border-bottom: 1px solid #ccc;
			margin-bottom: 30px;
			padding-bottom: 30px
		}
        .stripViewer a:focus {
			outline:none
		}
        .stripViewer img {
			border: 0
		}
        .stripViewer .panelContainer .panel ul {
            text-align: left;
            margin: 0 15px 0 30px;
        }
        .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
            margin: 0px;
			width:580px;
            position: relative;
        }
		.slider-wrap .productsummary-wrapper {
			padding: 0.5em;
			position: relative;
			border: none;
			margin: 0px;
		}
		.slider-wrap .productsummary-wrapper ul.tag-list{
			margin:0px;
		}
        /* These 2 lines specify style applied while slider is loading */
        .csw {
			width: 5px;
			height: 5px;
			background: #fff;
			overflow: hidden;
		}
        .csw .loading {
			margin: 200px 0 300px 0;
			text-align: center
		}
        .stripViewer { /* This is the viewing window */
            position: relative;
            overflow: hidden; 
            /*border: 1px dashed #999999;  this is the border. should have the same value for the links */
			border:none;
			margin: auto;
            width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
            height: 120px;
            clear: both;
            background: #ffffff;
        }
        
        .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
            position: relative;
            left: 0; top: 0;
            width: 580px;
            list-style-type: none;
        }
        
        .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
            float:left;
            height: 100%;
            position: relative;
            width: 580px; /* Also specified in  .stripViewer  above */
        }
        
        .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
            padding: 0px;
        }
        .navWrapper {
            margin: auto;
        }
        
        .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
        }
        
        .stripNav ul { /* The auto-generated set of links */
            list-style: none;
        }
        
        .stripNav ul li {
            float: left;
            margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
            padding: 0;
        }
        
        .stripNav a, .stripNavL a,.stripNavR a { /* The nav links */
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            line-height: 16px;
            background: #c6e3ff;
            color: #fff;
            text-decoration: none;
            display: block;
            padding: 0 5px;
        }
        
        .stripNav li.tab a { background: #666 }
        .stripNav li.tab1x a { background: #60f }
        .stripNav li.tab2x a { background: #60c }
        .stripNav li.tab3x a { background: #63f }
        .stripNav li.tab4x a { background: #63c }
        .stripNav li.tab5x a { background: #00e }

        .stripNavL a { background: #666 }
        .stripNavR a { background: #666 }

        .stripNav li a:hover {
            background: #333;
        }
        
        .stripNav li a.current {
            background: #000;
            color: #fff;
        }
        
        .stripNavL, .stripNavR { /* The left and right arrows */
        float: left;
        margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
        /*
            position: absolute;
            top: 230px;
            text-indent: -9000em;
         */
        }
        
        .stripNavL a, .stripNavR a {
        /**
        	display: block;
            height: 40px;
            width: 40px;
        **/
        }
        .stripNavL a:hover, .stripNavR a:hover {
            background: #333;
            color: #fff;
        }

        .stripNavL {
        display: inline;
        /**
            left: 0;
        **/
        }
        
        .stripNavR {
        display: inline;
        **/
            right: 0;
        **/
        }
        
        .stripNavL {
            background: url("images/arrow-left.gif") no-repeat center;
        }
        
        .stripNavR {
            background: url("images/arrow-right.gif") no-repeat center;
        }
        

        
.ad-180x150-wrapper {
	width: 200px;
	height: 170px;
	/** dg
	border:1px solid #999999;
	background:url(prem_list_bg.gif) repeat-x #ffffff;
	**/
	background-color: #e6edd8;
	margin-bottom: 10px;
	padding-top: 10px;
}	
.ad-180x150 {
    width: 180px;
    height: 150px;
    margin: 0px auto;
}
        
#updatelisting {
    font-size: 16px;
}
#updatelisting input {
    font-size: 16px;
    width:20em;
}
#updatelisting input.short {
    width:10em;
}
#updatelisting textarea {
    font-size: 16px;
    width:540px;
}
#updatelisting textarea.description {
}
#updatelisting textarea.longDescription {
    height:20em;
}
#updatelisting .input-wrapper {
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    /**background-color: #eee;**/
    margin-bottom: 2px;
}
#updatelisting label {
    width: 13em;
    float: left;
    padding-top: 3px;
}
#updatelisting .field-info {
    display: inline;
    
}


#registerManageListingForm {
}
#registerManageListingForm input {
    width:20em;
}
#registerManageListingForm input.short {
    width:10em;
}
#registerManageListingForm textarea {
    font-size: 16px;
    width:540px;
}
#registerManageListingForm textarea.description {
}
#registerManageListingForm textarea.longDescription {
    height:20em;
}
#registerManageListingForm .input-wrapper {
    overflow: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    /**background-color: #eee;**/
    margin-bottom: 2px;
}
#registerManageListingForm label {
    width: 13em;
    float: left;
    padding-top: 3px;
}
#registerManageListingForm .field-info {
    display: inline;
    
}

#ara-right-banner {
    margin-bottom: 10px;
}

#rr-newsletter form fieldset{
	background-color: transparent;
	border: none;
	margin:0px;
}