@import url("site.css");

.dummy
{}
A {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}
.cobColorName
{
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}
/*
BODY {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #000000;
}
TH {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	font-weight : bold;
}
td {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	color : #000000;
}
*/
.prodDesc
{
 font-weight : bold;
}
.prodQty
{
 font-size : 12px;
 font-weight : bold;
}
.prodQtyInput
{
 font-size : 12px;
 font-weight : bold;
}

.lightback
{
	background : #ffffcc;
}
.darkback
{
	background: #CFE1F1;	
}
.selectedBack
{
 background-color: silver;
}
 .spacer
 {
	height:10px;
	background-color:#ffffff;
}
.header
 {
   font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
   font-weight: bold;
	background-color:#FFFFFF;
	color: #000000;
width : 98%;
font-weight : bold;
text-align : left;
}
.divider
 {
   width: 100%;
   height: 1px;
}
.cobBorder
{
	border : thin solid;
   border-color : #000000;
}
.cobparent
{
   font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	display: block;
	background-color: silver;
}
.cobparent a:link,
.cobparent a:visited,
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration: none;
	background-color: silver;
}
.cobparent a:hover
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #000000;
	text-decoration: none;
	background-color: silver;
}
.cobButton a:link,
.cobButton a:visited
{
 display: block;
 width: 130px;
 background-color: #e2e2e2;
 color: #000000;
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 text-decoration: none;
 text-align : center;
 vertical-align : middle;
 border-top: 1px solid #cecece;
 border-bottom: 1px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 1px solid #4a4a4a;
}
 .cobButton a:hover 
 {
  color : #000000;
  font-weight : bold;
 /*
 border-top: 1px solid #cecece;
 border-bottom: 2px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 2px solid #4a4a4a;
 */
 }
 .cobMenu a:link,
.cobMenu a:visited
{
 display: block;

 width: 130px;

 background-color: #ffffff;
 color: #000000;
 font-family : Arial, Helvetica, sans-serif;
 font-size : 12px;
 text-decoration: none;
 border-top: 1px solid #cecece;
 border-bottom: 1px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 1px solid #4a4a4a;
}
 .cobMenu a:hover 
 {
 background-color: #ffffff;
 color : 000000;
 font-weight : bold;
 /*
 border-top: 1px solid #cecece;
 border-bottom: 2px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 2px solid #4a4a4a;
 */
 } 
.cobtop a:link,
.cobtop a:visited
{
 display: block;
 background-color: #e2e2e2;
 color: #000000;
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 font-weight : bold;
 text-decoration: none;
 text-align : center;
 vertical-align : middle;
 border-top: 1px solid #cecece;
 border-bottom: 1px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 1px solid #4a4a4a;
}
 .cobtop a:hover 
 {
  color : #000000;
  background-color : cccccc;
  font-weight : bold;
 
 }
 .cobtopSelected a:link,
.cobtopSelected a:visited
{
 display: block;
 background-color: #537daf;
 color: #ffffff;
 font-weight : bold;
 font-family : Arial, Helvetica, sans-serif;
 font-size : 11px;
 text-decoration: none;
 text-align : center;
 vertical-align : middle;
 border-top: 1px solid #cecece;
 border-bottom: 1px solid #4a4a4a;
 border-left: 1px solid #cecece;
 border-right: 1px solid #4a4a4a;
}
 .cobtopSelected a:hover 
 {
  color : #ffffff;
  font-weight : bold;
 
 }
 .swatchBorder
{
 border : 1px solid #000000;
}
 .imgSwatchBorder
{
 border : 1px solid #000000;
}
/* catalog lines mode */

.prodinfo
{  
   height: 25px;
   background-color: #E6E6E6;
   text-align: center;
}
.styledesc
{
  font-size : 10px;
  text-align: center;
}

.linewidthbreak
{
   width: 5px;
}
.lineheightbreak
{
   background-color: #F4F4F4;
   height: 5px;
}
.catMainTable         
{
 width : 97%; 
}
.displayProduct
{
/*
 vertical-align:  top;
 text-align: center;
*/
 width : 140px;
 height : 200px;
}
.productLinkTD
{
 height : 35px;
 vertical-align : top;
 text-align : center;
}
.priceStyleCode
{
 text-align : center;
 font-size : 8pt;
}

.menuUserDisplay
{
 margin: 0 4 4 4;
 padding: 2 2 2 0;
 background-color: #ffffff;
 font-size : 8pt;
 text-align: right;
 border: thin solid #cccccc;
 height: 150px;
 width : 150px;
}
.menuOrigUserHead
{
 color : #747474;
 font-size : 8pt;
 font-weight: bold;
 background-color : #ffffff;
}

.menuActiveCustHead
{
 color : #747474;
 font-size : 8pt;
 font-weight: bold;
 background-color : #ffffff;
}

a.menuActiveLink:link,
a.menuActiveLink:visited,
a.menuActiveLink:hover
{
  color: #385d81;
  font-size: 8pt;
  text-decoration: none;
}
.menuOrigLine
{
 font-size : 8pt;
 font-weight : bold;
}
.menuActiveLine
{
 font-size : 8pt;
 font-weight : bold;
}

html {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #000;
	background-color: #f1f1f0;
}

body {
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	width: 100%;
	vertical-align : top;
	padding: 0;
	background-color: #f1f1f0; 
 text-align : center;
	color: #000;
}

p {
	margin: .75em 0 .75em 0;
}

a { color: #8f3922;text-transform : none; border-bottom : none; }
a:hover { color: #c00; text-transform : none; border-bottom : none; }
a:focus { outline: none;  text-transform : none; border-bottom : none;}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* ------------------------------------------------------------------------------- */

.layoutHeader
{
  width : 100%;  
  margin-left : auto;
  margin-right : auto;
  text-align : center;
}
.divAlign
{
	vertical-align : top;
	background-image : url(../images/border_800.gif);
	background-repeat : repeat-y;
	background-position : center;

	text-align : center;
}
.siteTable
{
	text-align : center;
	width: 100%;
	vertical-align : top;
	background: url(../images/topBar.gif) top left repeat-x;
}
.divmain {
width: 800px;
vertical-align : top;
margin-left : auto;
margin-right : auto;
background: none;
border-bottom : 2px solid #cccccc;
}

/* ------------------------------------------------------------------------------- */


.inline {
	list-style: none;
	display: inline;
	margin: 0 -4px 0 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.noPrint {}
.printOnly { display: none; }

.prop349 {
	display: inline;
	height: 349px;
	float: right;
	width: 1px;
}

/* ------------------------------------------------------------------------------- */
.leftNav1 {
	list-style: none;
	text-indent: 0;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: xx-small;
	line-height: 16px;
	color: #863930;
}

.leftNav1 li {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0 8px 0 0;
	background: url(../images/navBullet1.gif) right 4px no-repeat;
}

.leftNav1 a {
	color: #863930;
	text-decoration: none;
}

.leftNav1 a:hover { color: #1d2647; }

/* ------------------------------------------------------------------------------- */
.leftNav2 {
	display: none; /* begin hidden */
	list-style: none;
	text-indent: 0;
	margin: 0 0 4px 9px;
	padding: 0;
	font-size: xx-small;
	line-height: 16px;
	color: #888;
}

.leftNav2 li {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0 4px 0 0;
	background: none;
	border-bottom: 1px solid #888;
}

.leftNav2 a {
	color: #888;
	text-decoration: none;
}

.leftNav2 a:hover { color: #000; }

/* ------------------------------------------------------------------------------- */
.leftNav3 {
	display: none; /* begin hidden */
	list-style: none;
	text-indent: 0;
	margin: 0 0 2px 9px;
	padding: 0;
	font-size: xx-small;
	line-height: 16px;
	color: #888;
}

.leftNav3 li {
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0 4px 0 0;
	background: none;
	border: none;
}

.leftNav3 a {
	color: #888;
	text-decoration: none;
}

.leftNav3 a:hover { color: #000; }

/* ------------------------------------------------------------------------------- */
.photoCaption {
	text-align: left;
	font-size: x-small;
}

.photoCaption p {
	margin: 0 0 8px 4px;
	line-height: 1.1em;
}

.photoCaption table {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	width: 434px;
}

.photoCaption tr {
	vertical-align: top;
}

.photoCaption td {
	width: 86px;
	padding: 0 15px 0 0;
	margin: 0;
	border: 0;
}

#topbar {
	position: relative;
	width: 100%;
	height: 30px;
 text-decoration: none;
	color: #fff;
}

#inner {
height: 30px;
margin: 0 auto 0 auto;
/* 	padding: 0 28px 0 28px; */
/* 		border : thin solid black; */
width : 800px; 
text-align: right;
font-size: xx-small;
/* 	color: #fff; */
/* background-color: #fc0;  */
/*
background: url(../images/topBarInner.gif) top left no-repeat;
background-position : 1px;
*/
}

#cartdiv
{
/* border : thin solid white; */
 vertical-align : bottom;
 padding-right : 12px;
 padding-top : 10px;
}
#cartdiv a
{
 font-size : xx-small;
}
#topbar a {
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

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

#topbar img {
	margin: -2px 0 -4px 0;
}
#page {
	width: 740px;  
	/* width: 580px;   */
/*  border : thin solid black;  */
	background-color: #f4f4f4; 
	margin: 0 auto 0 auto;
/* 	padding: 11px 28px 8px 28px; */
/* 	border-left: 2px solid #d9d8d5; */
/* 	border-right: 2px solid #d9d8d5; */
/*	border-top: 0; */
}

#header {
	width: 740px;
	/* width: 580px; */
 text-align : left;
	padding: 12px 0 5px 10px;
/*	position : relative;
	left : 15px; */
/*	border-bottom: 1px solid #babab4; */
/* 	border : thin solid pink; */
}

#navigation {
	width: 580px; 
 margin-right : auto;
 margin-left : auto;
/* 	border : thin solid orange; */
	text-align : center;
	padding: 0 0 5px 0;
}
#navigation table
{
 width : 100%;

}
#navigation a
{
 font-family : arial;
	font-size : 9px;
	color : #939389;
        text-transform : none;
	font-weight : bold;
}
#navigation a:hover
{
 font-family : arial;
	font-size : 9px;
        text-transform : none;
	color : maroon;  
	font-weight : bold;
}
#navigation numbers a
{
 color : maroon;
 text-decoration : none;
}
#navigation numbers a:hover
{
 color : maroon;
 text-decoration : none;
}

/* ------------------------------------------------------------------------------- */
#columns {
	position: relative;
}

/* ------------------------------------------------------------------------------- */
#column1 {
	float: left;
	width: 147px;
	margin: 14px 0 0 0;
}

/* ------------------------------------------------------------------------------- */
#column2 {
	float: right;
	width: 421px;
}

/* ------------------------------------------------------------------------------- */
#crumbBar {
	width: 421px;
	height: 14px;
	margin: 0;
	padding: 0;
	font-size: xx-small;
	text-align: left;
	line-height: 14px;
}

#crumbBar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#crumbBar li {
	display: inline;
	list-style: none;
	text-indent: 0;
	margin: 0;
	padding: 0 3px 0 10px;
	background: url(../images/crumbBullet.gif) left 2px no-repeat;
}

#crumbBar a {
	color: #888;
	background-color: transparent;
	text-decoration: none;
}

#crumbBar a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}

#footer {
	clear: both;
	padding: 18px 0 0 0;
	width: 100%;
	text-align: center;
	font-size: xx-small;
	color: #939389;
	background-color: transparent;
}

#loginBox {
	width: 147px;
	height: 70px;
	background: #f4f4f4 url(../images/loginBox.gif) top left no-repeat;
}

#loginBox .inner {
	padding: 15px 0 0 55px;
}

#loginBox input {
	width: 82px;
	height: 14px;
	color: #444;
	background-color: #f4f4f4;
	border: 1px solid #cbc9bc;
	font-size: xx-small;
	margin: 1px 0 0 0;
	padding: 0;
}

#searchBox {
	width: 147px;
	height: 30px;
	margin: 5px 0 0 0;
	background: #f4f4f4 url(../images/searchBox.gif) top left no-repeat;
}

#searchBox .inner {
	padding: 7px 0 0 6px;
}

#searchBox input {
	float: left;
	width: 99px;
	height: 14px;
	color: #939389;
	background-color: #f4f4f4;
	border: 1px solid #cbc9bc;
	font-size: xx-small;
	padding: 0;
}

#scroll {
	margin: 110px 0 0 0;
	text-align: center;
}

#headerBar {
	width: 421px;
	height: 28px;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: xx-small;
	line-height: 16px;
	color: #fff;
}

#headerBar .inner { padding: 4px 10px 0 10px; }

#btnAboutUs {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 41px;
	height: 21px;
}

#btnAboutUs a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 41px;
	background: url(../images/btnAboutUs.gif) top left no-repeat;
}

#btnAboutUs a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnCustomerSupport {
	display: inline;
	margin: 0;
	padding: 0;
	width: 83px;
	height: 21px;
}

#btnCustomerSupport a {
	float: left;
	padding: 21px 0 6px 0;
	color : #666666;
	font-family : arial;
	font-size : 8px;
	font-weight : bold;
	height: 0;
	width: 83px;
}

#btnCustomerSupport a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnMarketingTools {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 77px;
	height: 21px;
}

#btnMarketingTools a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 77px;
	background: url(../images/btnMarketingTools.gif) top left no-repeat;
}

#btnMarketingTools a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnBecomeACustomer {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 91px;
	height: 21px;
}

#btnBecomeACustomer a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 91px;
	background: url(../images/btnBecomeACustomer.gif) top left no-repeat;
}

#btnBecomeACustomer a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnRequestACatalog {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 82px;
	height: 21px;
}

#btnRequestACatalog a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 82px;
	background: url(../images/btnRequestACatalog.gif) top left no-repeat;
}

#btnRequestACatalog a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnEmailSignup {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 66px;
	height: 21px;
}

#btnEmailSignup a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 66px;
	background: url(../images/btnEmailSignup.gif) top left no-repeat;
}

#btnEmailSignup a:hover {
	background-position: 0 -21px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnPhones {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 140px;
	height: 21px;
}

#btnPhones a {
	float: left;
	padding: 21px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 140px;
	background: url(../images/phones.gif) top left no-repeat;
}

#btnPhones a:hover {
	background-position: 0 0;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnSearch {
	float: right;
	padding: 1px 6px 0 0;
	margin: 0;
	overflow: hidden;
	width: 31px;
	height: 28px;
}

#btnSearch a {
	float: left;
	padding: 14px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 31px;
	background: url(../images/btnSearch.gif) top left no-repeat;
}

#btnSearch a:hover {
	background-position: 0 -14px;
	border: 0;
}

/* ------------------------------------------------------------------------------- */
#btnArrow {
	margin: 3px 8px 0 73px;
	overflow: hidden;
	width: 10px;
	height: 10px;
}

#btnArrow a {
	float: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	height: 0;
	width: 10px;
	background: url(../images/btnArrow.gif) top left no-repeat;
}

#btnArrow a:hover {
	background-position: 0 -10px;
	border: 0;
}


.siteProcessNone
{
 display : none;
}
.siteProcessDiv {
position : absolute;
text-align : center;
vertical-align : middle;
z-index : 2;
left : 400px;
top : 240px;
width : 260px;
height: 30px;
background-color : #f1f1f0;
border-top   : 2px solid #cecece;
border-bottom: 4px solid #4a4a4a;
border-left  : 2px solid #cecece;
border-right : 4px solid #4a4a4a;

}
div#headerWrap
{
 width : 90%;
	position : relative;
	left : 25px;
}
div#loginInfo
{
 width : 100%;
 font-family : arial;
	font-size : 9px;
	color : #939389;
 font-weight : bold;
 text-align : right;
 vertical-align : bottom;
}

div#loginInfo a:visited
{
 font-family : arial;
        font-size : 9px;
        color : 939389;
        font-weight : bold;
}


div#loginInfo a:link
{
 font-family : arial;
	font-size : 9px;
	color : 939389;  
	font-weight : bold;
}
div#loginInfo a:hover
{
 font-family : arial;
	font-size : 9px;
	color : maroon;  
	font-weight : bold;
}
.searchbox
{
 color : #666666;
 border : 1px solid #666666;
 font-size : 8pt;
}



/* remit.w CSC Help */
.CSCHelpDefault { display: none; }
#CSCHelp { border: 1px solid #E1E1E1; background-color: #FFF; }