#sub_menu {
 margin: 0px auto;
 width: 750px;
 height: 22px; /* was 15*/
 background: url("images/designer_cutting_boards_nav_bar.jpg") no-repeat;
 clear: both;
 }

#sub_menu ul {
 text-align: center;
 list-style: none;
 margin: 0px;
 padding-top: 0px;
}

#sub_menu ul li {
 text-align: left;
 display: inline;
 margin: 0px;
}
#sub_menu ul li a {
 padding: 20px; /* determines the spacing of the sub-menu items */
 padding-top: 2px;
 font-family: arial, helvetica, sans-serif;
 font-size: 10px; 
 text-decoration: none;
 color: #666666;
}
#sub_menu ul li a:hover {
 font-family: arial, helvetica, sans-serif;
 font-size: 10px;
 text-decoration: none;
 color: #000000;
}

.menu ul li {
 text-align: left;
 display: inline;
 margin: 0px;
 padding: 0px;
 padding-top: 0px;
}
.menu ul li a {
 margin: 0px;
 padding: 0px 35px;
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 text-decoration: none;
 color: #666666;
}
.menu ul li a:hover {
 font-family: arial, helvetica, sans-serif;
 font-size: 11px;
 text-decoration: none;
 color: #000000;
}

/* for the flash animation trick */
#homepage_content {
width: 850px;
margin-left: auto;
margin-right: auto;
}

#flash_anim {
 width: 300px;
 height: 609px;
 float: left;
 padding-right: 30px;
 }

/*bsb, mozilla image bordering problem */
img {
	border:none;
}



.bloc_thumbs {
 margin: 0px auto;
 padding-top: 2px;
 padding-left:18px;
 width: 750;
 height: 150px;
 clear: both;

}

.bloc_thumbs img {
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
}
.bloc_thumbs h5 {
	 margin: 0px;
	 padding: 0px;
}
.bloc_thumbs h5 a {
	 text-align: center;
	 text-decoration: none;
	 font-family: Arial;
	 color: #666666;
}
.bloc_thumbs h5 a:hover {
	 text-align: center;
	 color: #000000;
	 font-family: Arial;
}

.bloc_thumbs_msie {
 margin: 0px auto;
 /* background-color:#CC99CC; */
 padding-top: 2px;
 padding-left:18px;
 width: 750;
 /* height: 150px; */
 clear: both;
}

.bloc_thumbs_msie img {
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
}
.bloc_thumbs_msie h5 {
	 margin: 0px;
	 padding: 0px;
	 font-size:13px;
}
.bloc_thumbs_msie h5 a {
	 text-align: center;
	 text-decoration: none;
	 font-family: Arial;
	 color: #666666;
}
.bloc_thumbs_msie h5 a:hover {
	 text-align: center;
	 color: #000000;
	 font-family: Arial;
}

.bloc_thumbs_test {
/* background-color:#990033; */
 margin:0px;
 padding-top:2px;
 padding-left:18px;
 width:750;
 /* height: 150px;  */
 clear:both;

}

.bloc_thumbs_test img {
	 border: 0px;
	 margin: 0px;
	 padding: 0px;
}
.bloc_thumbs_test h5 {
	 margin: 0px;
	 padding: 0px;
}
.bloc_thumbs_test h5 a {
	 text-align: center;
	 text-decoration: none;
	 font-family: Arial;
	 color: #666666;
}
.bloc_thumbs_test h5 a:hover {
	 text-align: center;
	 color: #000000;
	 font-family: Arial;
}





.board_thumb {
     float: left;
	 width: 140px;
	 /*height: 176px; */
	 margin: 0px;
	 padding: 0px;
	 text-align:center;
	 font-size:13px;
}	 

/*****************************/
/*  BEGIN ECT'S style sheet  */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #FFF;
	text-align: left;
}
table {
	font-family: verdana, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000;
}

A:link {
	color: #666666;
	text-decoration: none;
}

A:visited {
	color: #666666;
	text-decoration: none;
}

A:active {
	color: #666666;
	text-decoration: none;
}

A:hover {
	color: #000000;
	text-decoration: none;
}

TD {
	font-size: 12px;
	font-family : Verdana;
}

 
P {
	font-size: 12px;
	font-family : Verdana;
}

TD.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

P.smaller {
	font-size: 11px;
	font-family : Verdana;
	color : #000000;
}

HR {
	color : #3399CC;
}

/*bsb added, mozilla wants to outline all links */
a {
	outline:none;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
a.ectlink {
	/*text-align: center;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	/* mozilla outline fix */
	outline:none;
}
ectlink {
	/*text-align: center;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#;
}
a.hover {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.detaillistprice{
	padding:0px;
	margin:0px;
}

/*  END ECT'S style sheet */
/**************************/

.thinGrayBorder{
	margin-top:10px;
	width:850px;
	border:1px solid #d2d2d2;
	margin-left:auto;
	margin-right:auto;
}

.thinGrayBorderCartEdit{
	margin-top:10px;
	width:300px; /* Window is 320 wide */
	border:1px solid #d2d2d2;
	margin-left:auto;
	margin-right:auto;
}

/* this is used for design purposes, not visible in the end product */
.boundry750{
	padding-left:0px;
	padding-right:0px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

.dummy{
	background-color:#999999;
	border:dotted;
	border-color:#6633FF;
	height:222;
	width:123;
}
.dummy2{}

/*bsb added, */
.largeimagedisplay {
	float:left;
	width:410;
	height:340px;
	padding:0;
}


/*****************************/
/*  Product description box **/

/*bsb added, */
.longdesc-options{
	height:358px;
	border:1px solid #d2d2d2; 
	margin-left:432px;
	padding-bottom:0px;/*was 14 */
	/*background-color:#70CC00;*/ /* green */
}


/*bsb added, ect uses this class in thier code, but never defines it!*/
.detaildescription {
	width:320;
}

.detaildescription_msie {
	width:320;
	/*
	background-color:#FFFF00;*/ /* yellow */
}

/*rectangle surround more info & tell a friend margin top does effect layout - might need to spec differently for Firefox
*/
.MoreInfoFriend{
	padding-top:0px; /* was 0 - 21  */
	padding-bottom:0px;
	margin-top:-5px;
}

.MoreInfoFriend_msie{
	padding-top:0px; /* was 0 - 21  */
	padding-bottom:0px;
	margin-top:-5px;
	/* margin-top:-50px; */
	height:30px;
	/* background-color:#FF33FF; */ /*fushia*/
	/* background-color:#FFFFCC; */ /* lite pink */
}

.PriceCart{
	/*background-color:#FF9966;*/ /* salmon */
}

/* bsb, added */
/*seems to be rectangle from more info to cart button but what are the attributes is this even necessary
*/
.priceCartFriend{
	margin-top:0px;
	margin-bottom:0px;/* was 0 */
	padding-bottom:0px; /* was 0 */
	/*background-color:#FFFFCC;*/ /* beige */
	
}



/*rectangle surrounding feet details&gift details*/
.options-div{
margin-bottom:0px;

}

.options-div_msie{
	margin-bottom:0px;
	/* background-color:#6600CC; *//*purple*/
}

/* for the title of the board in the upper left description box
on the product page */
.descTitle{
	padding-top:55px;
	padding-bottom:55px;
    text-align:center;
	border-bottom:1px solid #cccccc;
	
}

/*governs grain, woods, description in details rectangle*/

.descBody{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
	font-weight:1;
	line-height:15px;
	/* text color */
	color:#666666;
	padding-left:32px;
	padding-top:14px;
	height:20px;
	margin-left:0px;
	margin-right:auto;
	margin-bottom:70px;
	border-bottom:1;
	border-bottom-color:#CCCCCC;
}


/* end of description box values */
/*********************************/


.descGift{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#758db3;
	font-weight:600;
	text-transform:lowercase;
	
}

.descGift:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#334433;
	font-weight:600;
	text-transform:lowercase;
	
}

.descCartLink{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#999999;
	text-transform:lowercase;
	font-weight:600;
}
.descCartLink:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	color:#000000;
	font-style:
	font-weight:600;
}
.descCartNoLink{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#999999;
	text-transform:lowercase;
	font-weight:600;
}

.descPrice{
	color:#CC9933;
	font-weight:600;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.prodid {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.price {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.prodname {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.prodprice {
	text-align: center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.detailoption {
	/*text-align: center;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
}

/*bsb added, ect uses this class in thier code, but never defines it!*/
.detailoptions {
	margin-left:30px; /* was 30 */
}


/*bsb added, ect uses this class in thier code, but never defines it!*/
.prodoption {
	width:64px;
}

/*bsb added */
.dcb_price {
	width:300px;
}

.prodnavigation{
	width:300;
	text-align:center;
	margin-right:332px;
	margin-left:auto;
	
}
.cartprodnavigation{
	width:300;
	float:right;
}
.topnavbar{
	height:22px;
	padding-top:6px;
}

.home_gallery_btn
{
	height:200px;
	margin-top:66px;
	margin-left:500px;
}
/**********************************************/
/* cartbuttons on the bottom row */
.cartbuttons{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif; 
	color:#efefef;
	font-weight:800;
}

.cartbutton_div
{
	width:250px;
	text-align:center;
	padding-top:4px;
	float:left;
}
/* End cart button specs */
/**********************************************/






/***********************************************/
/* this is the div tag for the prev-next links */
/*bsb added, ect uses this class in thier code, but never defines it!*/
.prevnextpage {
	width:200;
	margin-left:auto;
	margin-right:342px;
}

.prevnextlinks{
	width:410px;
	list-style:none;
}

/*  this is stuff for the prevnextlinks ul list*/
#prevnextmenu, #prevnextmenu ul {
	text-align:center;
	padding-top:3px;
	margin: 0;
	list-style:none;
	width: 410px;
	height: 40px;
}

#prevnextmenu li{
	float:left;
	position:relative;
	width:9em; /* 9em */
	text-align:left;
	padding: 10px; /* determines the spacing of the sub-menu items */
	padding-top: 2px; /* was 0 */
}

#prevnextmenu a:link, #prevnextmenu a:visited{
	display:block;
	text-decoration:none;
	padding-left:1em;
}

* html #prevnextmenu a {
	width:100%;
}

#prevnextmenu ul {
	display:none;
	position:absolute;
	padding:0;
}

#prevnextmenu ul li {
	border: 0 none transparent;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background-color: #f1f5f9;
	font-size: 100%;
	text-align:left;
	margin-left:6px;
	padding-bottom:3px;
	
}

#prevnextmenu li:hover ul{
	display:block;
}

/********************/
/* exception for the MSIE turkey */
#prevnextmenu_MSIE, #prevnextmenu_MSIE ul {
	text-align:center;
	padding-top:3px;
	margin: 0;
	list-style:none;
	width: 410px;
	height: 40px; /* was 15*/
}

#prevnextmenu_MSIE li{
	float:left;
	position:relative;
	width:8em; 
	text-align:left;
	padding-left: 24px; /* determines the spacing of the sub-menu_MSIE items */
	padding-top: 2px;
}

#prevnextmenu_MSIE a:link, #prevnextmenu_MSIE a:visited{
	display:block;
	text-decoration:none;
	padding-left:1em;
}

* html #prevnextmenu_MSIE a {
	width:100%;
}

#prevnextmenu_MSIE ul {
	display:none;
	position:absolute;
	padding:0;
}

#prevnextmenu_MSIE ul li {
	border: 0 none transparent;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background-color: #f1f5f9;
	font-size: 100%;
	text-align:left;
	margin-left:6px;
	padding-bottom:3px;
	
}

#prevnextmenu_MSIE li:hover ul{
	display:block;
}
/* end MSIE */
/*************************/


/* end of prevnextlinks stuff */
/******************************/

DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

-moz-box-sizing:border-box;box-sizing:border-box;

/*************/
/* DCB Fonts */
 

.smalltext {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: 666666;
}

.headline_smallgray { 
	 text-align: left;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-weight:500; 
	 color: #666666; 
	 font-size: 16px; 
}
 
.hdr {
	font-family: arial, helvetica, sans-serif;
	color:#cc9933;
	font-size: 18px;
	padding-bottom:18px;
	padding-top:18px;
	font-weight:100px;
}


.hdrmonogram {
	font-family: arial, helvetica, sans-serif;
	color:#222222;
	font-size: 14px;
	padding-bottom:18px;
	padding-top:18px;
	font-weight:100px;
}


.pagetitle {
	font-family: arial, helvetica, sans-serif;
	color:#838fa4;
	font-size: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	font-weight:100px;
}

.descriptivetext{
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight:100;
}	
	
.descriptivetextblock{
	width:750;
	padding-bottom: 25px;
	padding-left:50px;
	padding-right:50px;
}	
.hometext{
	height:500px;
	margin-right:10px;
	margin-top:40px;
	font-weight:100;
	
}	
.hometext_msie{
	/*
	height:500px;
	margin-right:10px;*/
	/*margin-top:40px;*/
	font-weight:100;
	/*width:420px;*/
}	

#msietable{
	width:750px;
	margin-left:50px;
	margin-right:auto;
}

#flash_anim_msie{
	padding-top:0px;
	margin-top:0px;
	/* margin-left:100px; */


}

.descriptivetextlink{
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #758db3;
    font-weight:100px;
}


.descriptivetextlink:hover{
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}
/* END DCB Fonts */
/*************/

/* drop down menu specs */
#sub_menu_dd{
	margin: 0px auto;
	width: 750px;
	height: 22px; /* was 15*/
	background: url("images/designer_cutting_boards_nav_bar.jpg") no-repeat;
}



#dcb_menu, #dcb_menu ul {
	text-align:center;
	padding-top:3px;
	margin: 0;
	list-style:none;
}

#dcb_menu li{
	float:left;
	position:relative;
	width:10em;
	text-align:left;
	text-transform:lowercase;
	font-size:90%;
	font-stretch:ultra-condensed;
	padding:10px; /* determines the spacing of the sub-menu items */
	padding-top: 2px; /* was 0 */
	font-family: arial, helvetica, sans-serif;
	font-size: 10px; 
	font-size:90%;
	font-stretch:ultra-condensed;
	text-decoration: none;
	color: #666666;


}

#dcb_menu a:link, #dcb_menu a:visited{
	display:block;
	text-decoration:none;
	padding-left:2em;
}

* html #dcb_menu a {
	width:100%;
}

#dcb_menu ul {
	display:none;
	position:absolute;
	padding:0;
}

#dcb_menu ul li {
	border:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background-color: #eeece6;
	font-size: 100%;
	text-align:left;
	margin-left:-1em;
	padding-bottom:8px;
	
}

#dcb_menu li:hover ul{
	display:block;
}
/* END drop down menu specs */
/************ /

/* styles for the IE6 compliant nav bar */
/* from a tutorial on 
http://javascript-array.com/scripts/simple_drop_down_menu/ */
#sddm
{	
	width: 750px;
	height: 22px; /* was 15*/
	background: url("images/designer_cutting_boards_nav_bar.jpg") no-repeat;	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:13em;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	font-size:90%;
	font-stretch:ultra-condensed;
	text-decoration: none;
	color: #666666;
	line-height:10px;
	}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 15em;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	
	/* background: #dfdfdf; */
}

#sddm div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding-left:64px;
	padding-right:20px;
}

#sddm div a
{	
	position: relative;
	display: block;
	margin: 0;
	background:#f5f2f1;
	padding-top:5px;
	padding-bottom:10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px; 
	font-stretch:ultra-condensed;
	text-decoration: none;
	line-height:10px;
}

#sddm div a:hover
{	
	/*
	background: #49A3FF;
	color: #FFF;
	*/
}


/* and now, a section for the MSIE turkeys...*/
#sddm_MSIE
{	
	width: 750px;
	height: 22px; /* was 15*/
	background: url("images/designer_cutting_boards_nav_bar.jpg") no-repeat;	
	margin: 0;
	padding: 0;
	z-index: 30
	
}

#sddm_MSIE li
{	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:13em;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px; 
	font-size:90%;
	font-stretch:ultra-condensed;
	text-decoration: none;
	color: #666666;
	line-height:10px;
	
	}

#sddm_MSIE li a
{	display: block;
	margin: 0 1px 0 0;
	padding-top: 4px;
	width: 12em; /* was 15em*/
	text-align: center;
	text-decoration: none}

#sddm_MSIE li a:hover
{	
	/* background: #dfdfdf; */
}

#sddm_MSIE div
{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	margin-left:0px;
	/* affects horiz placement of the dropdown box */
	padding-left:44px;/* was 64 */
	padding-right:60px; /* was 20 */ 
}

#sddm_MSIE div a
{	
	position: relative;
	display: block;
	margin: 0;
	background:#f5f2f1;
	/*sets line spacing in drop down box*/
	padding-top:5px;
	padding-bottom:10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px; 
	font-stretch:ultra-condensed;
	text-decoration: none;
	line-height:10px;
}

#sddm_MSIE div a:hover
{	
	/*
	background: #49A3FF;
	color: #FFF;
	*/
}

/*  end IE6 complient nav bar */
/******************************/
.bottom_menu_text
{
	float:center;
	font-size:xx-small;
	font-family:arial,helvetica,sans-serif;
	color:#666666;
}

.bottom_menu_text a:hover
{
	float:center;
	font-size:xx-small;
	font-family:arial,helvetica,sans-serif;
	color:black;
}

.bottom_menu_text:hover
{
	float:center;
	font-size:xx-small;
	font-family:arial,helvetica,sans-serif;
	color:black;
}