/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #F4F2E6; }
hr { border-color: #39321A; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #251D0B; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 1px solid #39321A; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #251D0B; font-size: 26px; line-height: 32px; margin: 0px 0px 15px 0px; font-weight: normal; }
h2, h2 a { color: #251D0B; font-size: 16px; line-height: 20px; font-weight: normal }
h3, h3 a { color: #6E2B1B; font-size: 12px; margin: 0px 0px 15px 0px; }
h4, h4 a { color: #251D0B; font-size: 21px; line-height: 24px; font-weight: normal; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #251D0B; font-size: 12px; line-height: 17px; }
a  { color: #6E2B1B; text-decoration: none; font-weight: normal; }
a:hover { color: #6E2B1B; text-decoration: underline; }
a:focus, a:active { outline: 0;}


.frm td, .frm th { padding: 3px 0px 3px 0px; vertical-align: top; }
.frm th { padding-right: 10px; text-align: left; }

.req { color: #CC0000; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 900px; /* Main Content Width */
	margin: 0px auto; /* Align to Center */
}

#header { height: 120px; background: url('../images/layout/PioneerHandcraft_logo.jpg') no-repeat; }


#bodyContainer {  }

#body {	background: #DAD7B7; }

#footer { margin-top: 3px; }

#footerLeft { width: 600px; float: left; }
#footerRight { width: 250px; float: right; text-align: right; }

#footerLeft a, #footerRight a { color: #6E2B1B; text-decoration: none; }
#footerLeft a:hover, #footerRight a:hover { text-decoration: underline; }



#left-column { width: 450px; float: left; }
#right-column { width: 380px; float: right; }


#main-image {  }

#thumbnails {  }
#thumbnails span { display: block; margin-bottom: 5px; }
#thumbnails img { border: none; }
#thumbnails a { width: 70px; height: 47px; float: left; margin-right: 5px; }


#dimensions { margin-bottom: 15px; }


/* Navigation */

#header-nav { width: 400px; float: right; margin: 10px 20px 0 0; text-align: right; }
#header-nav a { font-size: 14px; line-height: 20px; display: block; color: #251D0B; }

#nav { height: 31px; background: #b4a177; margin: 5px 0; }


#nav span { font-size: 14px; line-height: 31px; font-weight: bold; display: block; float: left; width: 9em; padding: 0px 10px; }



#p7menubar { margin: 0px 0px; }


#p7menubar a { display: block; }
#p7menubar a.trigger { color: #FFFFFF; cursor: default; }
#p7menubar li { float: left; width: 9em;	list-style-type: none; margin: 0px; }
#p7menubar li { position: relative; }
#p7menubar a:hover.trigger, #p7menubar a:active.trigger { background: #251D0B; }
/* hide from IE mac \*/
    #p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar li ul { position: absolute; display: none; margin: 0px; }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { background: #F4F2E6; }
#p7menubar li:hover a { background: #251D0B; }


/* Set styles below */

#p7menubar a { padding: 0px 18px 0px 18px; color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: arial; line-height: 31px; }
#p7menubar a:hover { color: #FFFFFF;  text-decoration: none; }
#p7menubar li ul { width: 07px;  background: #F4F2E6; }
#p7menubar li ul li a { color: #251D0B; font-weight: normal; font-size: 12px; line-height: 22px; }
#p7menubar li:hover li a { background: #F4F2E6; padding: 0px 18px; }
#p7menubar li ul li a:hover { background: #b4a177; color: #251D0B; }

#p7menubar li:hover li a li a  { background: #F4F2E6; padding: 0px 10px; }
#p7menubar li ul li ul  { background: #e6e4d9; border: 1px solid #CCCCCC;  }
/* Drop OVER */

#p7menubar li ul li ul {
  left: 107px;
  width: 220px;
  position: absolute;
  background: #F4F2E6;
}

#p7menubar li.p7hvr a {background:  #000000; } /*  */
#p7menubar li.p7hvr li a {background:  #F4F2E6; } /*  */


#p7menubar li ul li ul li a {
color: #251D0B; font-weight: normal; font-size: 12px;
}

#p7menubar li:hover li ul li a { background: #F4F2E6; }
#p7menubar li ul li ul li a:hover { background: #b4a177; color: #251D0B; }