﻿/*  styles18r - responsove style for media=screen.  last edit 1/8/2018 tune for header movements
* Version:17.03
/* selectors  #==id== unique, one per element, one per page,   .==class==multiple per element, multiple elements on page */
p,ol {
		color: #24296B;
		font-size: 80%;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
		text-align: left;
}
h1, h2, h3, h4, h5, h6  {
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}

h1 {
		color: #24296B;
		text-align:left;

		font-size:medium;
		font-weight: bold;

		margin:1.5rem 0 1.5rem 0;

}
h2 {
		color: #24296B;
		font-size:medium;

		padding-left:100px;
		padding-top:20px;
		padding-bottom:20px;
		margin-top:10px;
		width:760px;

}

/*
h2 {
		color: #24296B;
		font-size: 130%;
		font-weight: normal;
		border: 1px solid #cccccc;
		border-width: 0px 0px 1px 0px;
		padding-bottom: 0px;
}

h3 {
		color: #24296B;
		font-size: 100%;
		font-weight: bold;
		border: 1px solid #cccccc;
		border-width: 0px 0px 1px 0px;
		padding-bottom: 0px;
		text-align: center;
}
h4 {
		color: #24296B;
		font-size: 130%;
		font-weight: bold;
		border: 1px solid #cccccc;
		border-width: 0px 0px 1px 0px;
		padding-bottom: 0px;

}

#header  {
background-color:#993300;

	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	height:75px;
}
*/
/*
.logo-block18 {
	background-color:#993300;

	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	border-bottom-style:solid;
	border-bottom-color:#cc9900;
	border-bottom-width:2px;

}
*/
.logo-block28 {
	background-color:#993300;

	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	margin-left:auto;
	margin-right:auto;
	border-bottom-style:solid;
	border-bottom-color:#cc9900;
	border-bottom-width:2px;

}
/*
.logo-name18 {
	color:#fefae5;
	font-family:serif;
	font-weight:bold;
	font-size:600%;
	text-align:	left;
	background-color:#993300;
	margin-right:5px;

	padding-top:12px;
	padding-left:25px;
	white-space: nowrap;
}
*/
.logo-name28 {
	color:#fefae5;
	font-weight:bold;
	font-size:1.89rem;
	text-align:	right;
	background-color:#993300;


}
/*
.logo-fw18 {
	color:#fefae5;
	font-family:serif;
	font-weight:bold;
	font-size:320%;
	padding-top:30px;
	text-align:left;
	background-color:#993300;

	white-space: nowrap;

}
*/
.logo-fw28 {
	color:#fefae5;
	font-weight:bold;
	font-size:1.3rem;
	background-color:#993300;
	padding-top:1.13rem;
	margin-right:auto;


}

/*
.phoneblock18 {

	text-align:	right;

	padding-top:25px;
	background-color:#993300;
	color:#fefae5;
	font-size:300%;
	font-weight:bold;
		white-space:nowrap;
}
*/
.phoneblock28 {

	text-align:	right;


	background-color:#993300;
	color:#fefae5;
	font-size:1.4rem;
	font-weight:bold;

}
.mainmenu18 {
	background-color:#663300;
	margin-left:0px;
	margin-right:0px;

}

/*
	Anchors    move this section into styles so all a styling is together
10/4/2017  remove change a:link, a:visited to a dark burgundy
a:link,a:visited {


	color:#993300;
	text-decoration:none;
}
*/


.navbar ul li:hover:not(.has-form) > a {
			background-color:#663300;
			color:#cc997f;
			text-decoration:none;
			background:#663300;
}

/*
#nav {

	text-align:center;

	color:#FFFFFF;
	height:24px;
	padding-left:150px;

}


#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#nav li {
	height:22px;
	float:left;
	font-size:small;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin-left:10px;
	margin-right:10px;
	color:#FFFFFF;
	margin-top: 4px;
	list-style-type:none;
	display:inline;

}
*/

/*3/2017 for responsive*/
/*  ul style from Accessify listomatic specs */
.main-nav27 {
	display:inline;
	text-align:center;
}
.main-nav27 ul {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
    background-color:#663300;

	height:24px;
	display:inline;
	text-align: center;


}
.main-nav27 li {
	display:inline;
	font-size:1.3em;

}
.main-nav27 a:link {

	float:left;
	font-size:1.3em;
	margin-left:0px;
	margin-right:20px;

	text-decoration:none;
	padding:0.2em 0.1em;
	display:block;
	color:#FFFFFF;


}
.main-nav27 a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}
.main-nav27 a:active {
	background:#cc9900;
}
.main-nav27 select  {
	text-align:right;
	display:none;
	font-size:1.3em;
	margin-left:0px;
	margin-right:20px;

	text-decoration:none;
	padding:0.2em 0.1em;


}

.select-nav {
	display:inline;
	text-align:center;

}
.select-nav li {
	display:inline;
	font-size:1.3em;

}
.select-nav a:link {

	float:left;
	font-size:1.3em;
	margin-left:0px;
	margin-right:20px;

	text-decoration:none;
	padding:0.2em 0.1em;
	display:block;
	color:#FFFFFF;


}
.select-nav a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}
.select-nav a:active {
	background:#663300;
}
.select-nav select  {
	text-align:right;
	display:none;
	font-size:1.3em;
	margin-left:0px;
	margin-right:20px;

	text-decoration:none;
	padding:0.2em 0.1em;


}

/*==================below is working ======================
ul.main-nav {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin:0;
	padding:0;

    background-color:#663300;

	height:24px;
	display:inline;
	text-align: center;


}
ul.main-nav li {

	float:left;
	font-size:2em;
	margin-left:0px;
	margin-right:20px;
	color:#FFFFFF;

	list-style-type:none;
	display:inline;

}
ul.main-nav li a {

	text-decoration:none;
	padding:0.2em 0.1em;
	display:block;
	color:#FFFFFF;


}
ul.main-nav li a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}
*/

/*old pre-responsive*/
/*  ul style from Accessify listomatic specs */
ul#main-nav {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin:0;
	padding:0;
	float:left;
    background-color:#663300;

	height:24px;
	display:inline-block;

padding-left:150px;

}
ul#main-nav li {

	float:left;
	font-size:2em;
	margin-left:10px;
	margin-right:10px;
	color:#FFFFFF;

	list-style-type:none;
	display:inline;

}
ul#main-nav li a {

	text-decoration:none;
	padding:0.2em 0.1em;
	display:block;
	color:#FFFFFF;


}
ul#main-nav li a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}

/*  ul style from Accessify listomatic specs */
ul#main-nav {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin:0;
	padding:0;
	float:left;
    background-color:#663300;

	height:24px;
	display:inline;

padding-left:150px;

}

/*3/2017 for responsive*/
ul#main-nav li {

	float:left;
	font-size:small;
	margin-left:10px;
	margin-right:10px;
	color:#FFFFFF;

	list-style-type:none;
	display:inline;

}
ul#main-nav li a {

	text-decoration:none;
	padding:0.2em 0.1em;
	display:block;
	color:#FFFFFF;


}
ul#main-nav li a:hover {
	color:#cc997f;
	text-decoration:none;
	display:block;
}
/*
#tablenav
{
	line-height:24px;
	width:750px;
	background:#DBBE87;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:small;
	padding-left:150px;
	padding-top:2px;
	float:left;
	display:inline;


}
#tablenav a {

	text-decoration:none;
	padding-left:10px;
	padding-right:15px;
	display:inline;
	color:#FFFFFF;


}
#tablenav a:hover {
	color:#cc997f;
}
#navb {
}
/*  1/9/2018 add gold border on top #addressbar first used on new default - spread to others over time


#addressbar {
	width:900px;
	height:20px;

	background-color:#993300;

	color:white;
	font-size:small;
	font-weight:bolder;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

}
/*  1/9/2018 add gold bar on top for responsive */
.addressbar {
	height:auto;
	width:100%;
	background-color:#993300;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	border-top-style:solid;
	border-top-color:#cc9900;
	border-top-width:2px;
}
.addressbar-address {
	background-color:#993300;
/*	text-align: center;  */
	display:inline;
	color:white;
	font-size:1.5em;
	font-weight:bolder;
	padding-top:0px;
	padding-bottom:0px;
	margin-right:10px;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	white-space:nowrap;
/*	vertical-align:middle; */
}

.addressbar-phone {
	background-color:#993300;
/*	text-align: center; */

	display:inline;
	color:white;
	font-size:1.5em;
	font-weight:bolder;
	padding-top:0px;
	padding-bottom:0px;

	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	white-space:nowrap;
/*	vertical-align:middle; */

}
/*
#textwrap {
	margin-right:100px;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:17px;
	float:left;
	border-width:0px;
}

#footer {

/*	left:10px;
	width:900px;
	height:50px;
	background-color:#993300;
	top:680px;

		padding:0;
		margin:0;
}
*/
#description {
	color:#24296B;
	text-align:left;
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:15px;
	margin-right:15px;

}
#description a {
	color:#24296B;
	font-size:1em;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
/*  color :#9194b5 is a steely blue */
#description a:hover {
	color:#9194b5;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
.descriptionss {
	color:#24296B;
	text-align:left;
font-size:1.5em;
font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:15px;
	margin-right:15px;

}
.descriptionss a {
	color:#24296B;
	font-size:1.5em;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
/*  color :#9194b5 is a steely blue */
.descriptionss a:hover {
	color:#9194b5;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}

.descriptionr {
/* float:right;  */
	color:#24296B;
	text-align:left;
font-size:1.6em;
font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	padding-right:10px;
	padding-top:10px;

}
.description2 {
	color:#24296B;
	text-align:left;
font-size:1em;
font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:100px;
	margin-right:15px;

}
.description3 {
	color:#24296B;
	text-align:left;
font-size:1em;
font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;	margin-left:15px;
	margin-right:15px;

}

.descl {
	color:#24296B;
	text-align:left;
	font-style:normal;
	font-size:large;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

}
.signature {
	float:right;
	padding-right:17%;
	color:#24296B;
	font-size:large;
	font-family:Georgia, "Times New Roman", Times, serif;

}

.mailto  {
	float:right;
	padding-right:17%;
	color:#24296B;
	font-size:large;

}
/*
.mailto a:link  {
	color:#993300;
	font-size:large;
	font-family:Georgia, "Times New Roman", Times, serif;
}
*/
*/
.mailto a:hover{
	display:none;
}
/*
#wgt_desc {
	color:#24296B;
	text-align:center;
	font-style:normal;
	font-size:large;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

}
*/
.img-container {
	text-align:center;
	margin:auto;
	margin-bottom:20px;


}
.media-lt-420{
	display:none;
	}
.media-gt-420{
	display:inline-block;
	}

.picture {
	padding: 3px;
	margin:0 auto 0 auto;
	font: 11px/1.4em;
	font-size:medium;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#24296B;
	text-align:center;
	}
/*
.picture img {
	border: 0;
	vertical-align:middle;
	margin-bottom: 3px;
	}
*/
img.centered { display:block;
	vertical-align:top;
	margin: 0px auto 3px auto; }


.right {
		text-align: right;
}

.left {
		text-align: left;
}

.center {
		text-align: center;
		color:#24296B;
	font-size:medium;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

}
.detailcenter {
	font-family:Verdana, Geneva, Tahoma, sans-serif,"Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	font-size:small;
	font-style:italic;
	color:#24296B;
	text-align:center;

}
.detailcenter a img {
display:block;
margin:0 auto 0 auto;
padding:0;
}

.detailcenter img {
display:block;
margin:0 auto 0 auto;
padding:0;
}

.clearboth {
	clear:both;
}
.namecenter {
		text-align:center;
		color: #FFFFFF;
		font-size: 70%;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;

}
/*
.style1 {
		background-color:#336699;
}
.style2 {
		margin-bottom:0px;
}
.style3 {
		font-size:x-small;
		margin-left:16px
}
.style5 {
	color:#24296B;
	font-size:small;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}

.style6 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	font-size: 6;
	color: #24296B;
}


.style7 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	font-size: xx-large;
	color: #24296B;
}

.mainimage  {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
mainimage commented out 3/19/2013*/
.dimensions {
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	font-size:small; margin-left:0px; color:#24296B;
	text-align:left;
}
.dimensions-centered {
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	font-size:small; margin-left:0px; color:#24296B;
	text-align:center;
}

.sdobject {
	font-family:Verdana, Geneva, Tahoma, sans-serif,"Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
	font-size:small;
	font-style:italic;
	color:#24296B;
	text-align:center;
	width:200px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;

}
.fsobject {
	font-size:medium ;
	font-weight:bold;
	margin-left:10px;
	font-style:italic;
	color:#24296B;
	font-family:Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
.caption { color:#24296B;
	font-style:normal;
	font-size:small;
	font-family:Verdana, Geneva, Tahoma, Arial, sans-serif;
	text-align:center;
	margin-top:.5rem;
	margin-bottom:.5rem;

}
.slide-caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:560px;
	font-size:2.4em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;

	}

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url("../../cuttingboards/images/pagination.png");
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


.woodname { color:#24296B;
	font-style:normal;
	font-size:small;
	font-family:Verdana, Geneva, Tahoma, Arial, sans-serif;
	text-align:center;
	margin-top:6px;



}

.bigbold { color:#24296B;
	font-style:normal;
	font-size:medium;
	font-weight:bold;
	font-family:Verdana,"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva,  sans-serif;

}
.offer { color:#24296B;
	font-style:normal;
	font-size:medium;
	font-weight:bold;
	font-family:Verdana,"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva,  sans-serif;

}
/*  color  #cc997f; is adobe color */
a.offer:hover {
		color: #cc997f;
		text-decoration: none;

	}
.title {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		font-size: 80%;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
.small {
		color: #000000;
		font-size: 60%;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
}
a {
/*  color  #FFFFFF; is white */

		color: #FFFFFF;

		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
		text-decoration: none;
		padding-bottom: 1px;
		text-align: center;

}
a:link {
/*  color  #24296B; is text blue */
		color: #24296B;
		text-decoration: none;
}
/* 10/04-comment this out
a:visited {
/*  color  #0000ff; is blue
		text-decoration: none;
		color:#0000ff;
} */
/*  color  #cc997f; is adobe = light version of burgundy */
a:hover {
		color: #cc997f;
		text-decoration: none;
}
/*  color  #CCCCCC is light gray */
a:hover img{

		border:1px solid  #CCCCCC;
}
a:active {
/*  color  #61493c is a darker shade of salmon */

		color: #61493c;
		text-decoration: none;
}
a img {
/*
		border:1px solid #fefae5 is very light yellow - inside container color; */

		border:1px solid #fefae5;
}
/*  specific to styling the email link on Contact page */
a[href^="mailto"]:hover:after { content: " > " attr(title); }

/*modal body styling refers to popup detailed windows  */
.modal-title {
		color:black;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1rem;
		margin-right:auto;
		margin-left:auto;
}
.modal-body {
		color:black;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1rem;
}
.modal-footer {
		color:black;
		font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
		font-weight: bold;
		text-decoration: none;
		font-size: 1.1rem;
}
