/*
	Jim Bishop Cabinets
	Version: 1
	Created: March 2007
	Creator: Rob Sutherland / FitzMartin
*/



body {
	background-color: #e8e0ca;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	color: #fff;
	line-height: 1.6154em; /*1.4615em;*/
	margin-top: 10px;
	text-align: center;
	padding: 0;
}

body.pgPortfolioDealer {line-height: 1.3077em; }

/* = structure */


#wrapper {margin: .5em auto;  /*text-align: left;*/ width: 910px; /*background-color: #fff;*/  }
#narrow {margin: 0; padding: 0 0 0 0; background: #fff /*url(../images/bg-body.png) repeat-y*/; float: left; width: 910px; display: inline; }
#header  {width: 910px; margin: 0 auto; position: relative; } 
#header .decor-right {/*background: transparent url(rsc/decoration-right.gif) 100% 0% no-repeat;*//* padding-right: 10px;*/ padding-top: 10px; padding-bottom: 8px; }
#header .decor-left {/*background: transparent url(rsc/decoration-left.gif) 0 100% no-repeat;*/ /*padding-left: 10px*/; }
#header .bg {background: #000 url(rsc/bg-bamboo.jpg) 50% 50% no-repeat; border: 1px solid #666; height: 100px;  }
body.pgHome #header .bg {background-image: url(rsc/bg-stainless.jpg); }/*main.general*/
body.pgTestimonials #header .bg {background-image: url(rsc/bg-bamboo.jpg); }
body.pgContact #header .bg {background-image: url(rsc/bg-zinblk.jpg); }
body.pgTry #header .bg {background-image: url(rsc/bg-bamboo.jpg); }
body.pgFramed #header .bg {background-image: url(rsc/bg-zinblk.jpg); }
body.pgFrameless #header .bg {background-image: url(rsc/bg-stainless.jpg); }
body.pgPromise #header .bg {background-image: url(rsc/bg-almicred.jpg); }
body.pgOptions #header .bg {background-image: url(rsc/bg-almicred.jpg); }
body.pgFind #header .bg {background-image: url(rsc/bg-stainless.jpg); }
body.pgNewProducts #header .bg {background-image: url(rsc/main-fr1.jpg); }
body.pgPortfolio #header .bg {background-image: url(rsc/bg-zinblk.jpg); }
body.pgPortfolioDealer #header .bg {background-image: url(rsc/bg-almicred.jpg); }
#navigation {}
#intro {margin: 0em 0; }
#main {margin: 0 20px 0 0; }
#footer {}

#header, #main {position: relative; }

/*#main {margin-bottom: 2em; }
#intro, #main {zoom: 1; }
#intro:after, #main:after {content:".";clear:left;display:none;height:0;visibility:hidden;}*/

/* = main */

body.pgContact #main, body.pgTry #main, body.pgCustomization #main, body.pgPromise #main, body.pgTestimonials #main {margin-top: 3em; }


/* = basic redefinitions */

a {color: #fff/*e8d2a1*/; text-decoration: underline; }
a:hover {color: #ccc; }

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

h1 {color: #e8d2a1; font-size: 1.4em; line-height: 1.3077; }
h2, h3 {color: #FFF/*e8d2a1*/; font-size: 1.250em; line-height: 1.3077; margin-bottom: .3769em; }
/* h1 span, h2 span {visibility: hidden; }  */
#header h1 span {visibility: hidden; }
h2 {}
h4 {}
h5 {}

p, ul, ol, dl {margin: 0 0 1em; }

address {color: #ebd2a1; }
address a {color: #ebd2a1; }

.lnk {font-family: Arial, Helvetica, sans-serif; /*font-style: italic;*/ text-align: right; }
.lnk a {background: transparent url(rsc/link-arrow.gif) 100% 50% no-repeat; padding-right: 15px; margin: 0 25px 0 0; }

/* = headlines */

/*.h {background-position: 0 50%; background-repeat: no-repeat; position: relative; left: -1px;}
.h span {visibility: hidden; }
.h-hang {background-image: url(rsc/h_hang_with_you.gif); padding-top: 10px; margin-bottom: 0; }
.h-bfp {background-image: url(rsc/h_bfp.gif); }
.h-dependable {background-image: url(rsc/h_dependable.gif); }
.h-customization {background-image: url(rsc/h_customization.gif); }
.h-customization2 {background-image: url(rsc/h_customization2.gif); }
.h-new {background-image: url(rsc/h_new.gif); }
.h-family {background-image: url(rsc/h_family.gif); }
.h-menu {background-image: url(rsc/h_order.gif); }
.h-work {background-image: url(rsc/h_make_it_work.gif); }
.h-new-products {background-image: url(rsc/h_new_products.gif); margin-top: 10px; }
.h-new-at-jb {background-image: url(rsc/h_newatjb.gif); }
.h-environ {background-image: url(rsc/h_environment.gif); }
.promise .lnk { padding-right: .6em; }*/

/* = header */

#header h1 a {
	display: block;
	text-decoration: none;
	position: absolute; 
	top: 33px; 
	left: 15px; 
	width: 313px;
	height: 64px;
	/*background: url(../images/bg-logo.png) no-repeat;*/
	/*background-image: url(../images/bishop-logo.png); 
	background-repeat: no-repeat; 
	background-position: 0 0;*/ 
}

.header-teaser, .contest-teaser {
	/*background: transparent url(rsc/bg-contest.png) 0 0 no-repeat;*/ 
	padding: 0;
	margin: 0;
	position: absolute;
	right: 10px;
	top: 12px;
	text-align: right;
	width: 208px;
}

/*.header-teaser img {position: relative; left: -15px; float: left; top: -3px; }*/
.header-teaser p {position: relative; top: 3px; margin-bottom: .5em; }
/*.header-teaser {height: auto; padding-bottom: .5em; }*/
.header-teaser h2, .contest-teaser h2 {color: #fff; }

 = intro 
.intro {
	background: transparent url(rsc/bracket-right-sm.gif) no-repeat 100% 30%; 
	padding: 10px 35px 0 0; 
}
.intro h2 {text-align: justify;  }
.intro p {text-align: justify; font-family: Georgia, Serif; font-size: 1em; color: #333; }
.intro em {font-style: italic; }
.intro .inner {
	background: transparent url(rsc/bracket-left-sm.gif) no-repeat 0 30%; 
	padding-left: 35px; 
	padding-top: 5px; 
	padding-bottom: 7px; 
}

/* = related links */
.related-links {font-family: Georgia, Serif; }
.related-links a {font-weight: bold; font-style: italic; }
.related-links a {color: #fff; }
.related-links a:hover {color: #ebd2a1;}

/* = contact info */
.contact-info {
   margin: 0;
   padding: 0;
   float: left;
   text-align: left;
   background: #690 url(../images/bg-grn-2.jpg) repeat-x;
   width: 100%;
}
.contact-info  p, h3 { padding: 13px 13px 8px 13px; }
.contact-info  h2 { padding: 13px 13px 0 13px; }
.contact-info a {color: #fff; }
.contact-info a:hover {color: #ccc;}

.contactForm  {
   margin: 10px 10px 7px 0;
   padding: 0;
   float: left;
   width: 630px;
   text-align: left;   
}

/* = leftCol */


.leftCol  {
   float: left;
   margin: 10px 10px 0 0;
   padding: 0 0 10px 10px;
   width: 220px; 
   display: inline;
}

/* = rightCol */


.rightCol  {
	float: left;
	margin: 10px 10px 10px 0;
	width: 650px;
	text-align: left;
	position: relative;
	color: #333;
}



.rightCol h2 { color: #eb6917; padding: 0; font-size: 1.8em; } 
.rightCol p { color: #333; padding: 0; } 
.rightCol a { color: #333; padding: 0; }
.rightCol a:hover { color: #976504; padding: 0; }
.rightCol img.promise { position: absolute; right: 0%; top: 10%;  }

.rightColPromise { margin: 0; padding: 0; float: left;  }
.rightColPromise h2 { color: #eb6917; padding: 40px 200px 5px 40px;font-size: 1.8em; } 
.rightColPromise p { color: #333; padding: 5px 250px 40px 40px; } 


.rightColNew  {
   color: #333;
   float: left;
   margin: 10px 10px 10px 0;
   width: 660px;
   text-align: left; 
   position: relative;
}

.rightColTwo  {
   color: #333;
   float: left;
   margin: 10px 10px 10px 0;
   padding: 0 0 0 15px;
   text-align: left; 
   position: relative;
   text-align: left;
}

.rightColTwo h1 { color: #eb6917; padding: 0; }
.rightColTwo a {color: #333;  }
.rightColTwo a:hover {color: #999; }

.rightColNewText  {
    float: left;
	margin: 0;
	padding: 0 15px 0 15px;
	width: 280px;
	text-align: left;
}

.rightColNew h1 { color: #eb6917; padding: 0 0 5px 0; } 
.rightColNew h3 { color: #eb6917; padding: 0; }
.rightColNew a {color: #333;  }
.rightColNew a:hover {color: #999; }

.newProducts  {
    float: left;
	margin: 0;
	padding: 0;
}

.newProductsImg  {
    float: left;
	margin: 0;
	padding: 10px 0 10px 20px;
	width:155px;
}

.newProductsImg h2 { color: #eb6917; padding: 0 0 0 20px; }
.newProductsImg p  {padding: 0 5px 0 20px; }

.about  {padding: 20px;  }
.about ul { padding: 5px 5px 5px 15px; }
.about li { list-style-type: disc; padding: 5px 0; }

/* = boxes */

.box-margin {margin-left: 3em; }
.box, .box-s {margin: 0; }
.box {}
/*.box-s {background: transparent url(rsc/shadow-right.gif) repeat-y 100% 100%; padding-right: 0.3846em; }*/
/*.box-s .inner {background: transparent url(rsc/shadow-bottom.gif) repeat-x 0 100%; padding-bottom: 0.3846em; }*/

.narrow .box, .narrow .box-s {margin-left: 3em; }
.narrow .no-margin .box, .narrow .no-margin .box-s, .no-margin .box, .no-margin .box-s {margin-left: 0em; }

.box .inner, .box-s .inner {padding: 1em 0 0 1em;  }
.box {padding-left: 1.53835em; }

 241, 228, 199 
 117, 83, 47 
.box1 {background-color: #afc4d7; color: #000; }
.box1 h1, .box1 h2, .box1 h3 {color: #eb6917; } /*976504*/
.box2 {background-color: rgb(117,83,47); }
/*.box3 {background-color: #6b2e1e; }*/
.box3 h1, .box3 h2, .box3 h3 {color: #eb6917; }
.box4 {/*background-color: #f1e4c7;*/  color: #000; }
.box4 h1, .box4 h2, .box4 h3 {color: #976504; }

.box-g {background-color: #5c5b18; position: relative; width: 100%; text-align: left;}
.box-g .inner {padding-right: 65px; }
.box-g em {font-style: italic; }
.box-g img.g {
	position: absolute;
	right: -45px;
	top: -18px;
}
.box-g p  {padding: 0 5px; }




.box1 a, .box4 a {color: #6b2e1e; }
.box1 a:hover, .box4 a:hover {color: #8b2a2e; }

.box1 .lnk a, .box4 .lnk a {background-image: url(rsc/link-arrow-dark.gif); }

.seal .inner {padding-left: 0; padding-right: 0; text-align: center; }

/* = navigation */

#navigation {margin: 0; padding: 0;}
#navigation ul {height: 30px; margin-top: -8px; margin-left: 15px; }
#navigation li {float: left; display: inline; height: 18px;  }
#navigation li {background-position: 50% 0; background-repeat: no-repeat; padding-top: 1em; }
#navigation a {
	background: transparent url(rsc/bg-line.gif) 0 50% no-repeat; padding-top: .3846em;
	color: #988b73;
	display: inline-block;
	display: block; 
	line-height: 1em;
	padding: .2em 1em; 
	text-decoration: none;
}
#navigation a:hover {color: #554734; }  /*#e8d2a1*/
#navigation .lnkHome a {background-image: none; }

/*body.pgHome #navigation  .lnkHome,body.pgTestimonials #navigation .lnkTestimonials,body.pgCustomization #navigation .lnkCustomization,body.pgPromise #navigation .lnkPromise,body.pgTry #navigation .lnkTry,body.pgContact #navigation .lnkContact,body.pgContest #navigation .lnkContest, body.pgSamples #navigation .lnkSamples, body.pgNewProducts #navigation .lnkNew, body.pgOptions #navigation .lnkOptions, body.pgPortfolio #navigation .lnkPortfolio, body.pgFind #navigation .lnkFind, body.pgPortfolioDealer #navigation .lnkPortfolioDealer {background-image: url(rsc/divit.gif);	color: #554734; }*/ /*e8d2a1*/

body.pgHome #navigation  .lnkHome a,body.pgTestimonials #navigation .lnkTestimonials a,body.pgCustomization #navigation .lnkCustomization a,body.pgPromise #navigation .lnkPromise a,body.pgTry #navigation .lnkTry a,body.pgContact #navigation .lnkContact a,body.pgContest #navigation .lnkContest a, body.pgSamples #navigation .lnkSamples a, body.pgNewProducts #navigation .lnkNew a, body.pgOptions #navigation .lnkOptions a, body.pgPortfolio #navigation .lnkPortfolio a, body.pgFind #navigation .lnkFind a, body.pgPortfolioDealer #navigation .lnkPortfolioDealer a,body.pgInset #navigation  .lnkInset a,body.pgFullAccess #navigation  .lnkFullAccess a,body.pglogikitchen #navigation  .lnklogikitchen a,body.pgDoorStyles #navigation  .lnkDoorStyles a,body.pgFramed #navigation  .lnkFramed a {color: #554734; }


/* = customization teaser */

.custom-teaser {margin-bottom: -1em; }
.custom-teaser .inner {padding: 0; }
.custom-teaser p {padding: .3846em 1.5385em 1.1538em 1.53835em;  }
.custom-teaser-thumbnails {
	margin-bottom: 2em;
	padding-left: 3.3846em;
}
.custom-teaser img {background: #fff; width: 307px; }
.custom-teaser-thumbnails img {
	background: transparent url(rsc/bg-thumbnail.gif) 100% 100% no-repeat;
	margin-right: 1px;
	padding-left: 4px;
	padding-bottom: 4px;
}

/* = samples */

.sample-links {text-align: right; }
.sample-links div {margin-bottom: 7px; }
.sample-links img {border: solid 1px #fff; cursor: pointer; margin-left: 6px; margin-right: 2px; }
#sampleimagecontainer {padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0px; }

/* = promise */
/*.promise .inner {position: relative; padding: 0 0 23px 0;  height: 100px; width: 100%; background-color: #6b2e1e;  }

.bfpimg {float: right; margin: 0 0 1em 1em; }*/


/* = reposition to wrap text */
.p-rel, .wrap-1, .wrap-2, .wrap-3 {position: relative; }
.wh1, .wh2 {position: relative; display: block; }
.wh1 {left: 100px; width: 60%; }
.wh2 {left: 120px; width: 50%; }

/* = testimonials */

.testimonail-teaser .inner {padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 8px; height: 203px; }

.testimonail-teaser .mn {
	background: transparent url(../images/harchuck-teaser.jpg) -10px -20px no-repeat;
	border: 1px solid #e8d2a1;
	padding: 1.5em 1em 0em 1em;
}

.testimonail-teaser h1 {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, Serif; 
	font-size: 1.3077em;
	line-height: 1.4615;
	margin: 0 0 1em 190px;
}

.testimonail-teaser h1 .attrib {
	font-size: .6471em;
}

.customization-teaser .inner {padding-left: 0; }

.testimonial-links {text-align: left; }
.testimonial-links img {border: 1px solid #000; margin-bottom: 3px; margin-right: 5px; }
.testimonial-links img.third {border: 1px solid #000; margin-bottom: 3px; margin-right: 0; }

.testimonial-info { position: relative; padding: 0px;}
.testimonial-info h2 {
	background-color: #fff; 
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-right: 2px;
	height: 225px;
	/*border-bottom: solid 2px #8b2a2e;*/
	position: relative;
	font-size: 1.3em;
}
.testimonial-info h2 span {
	color: #fff;
	display: block;
	font-size: 1.3em;
	line-height: 1.576;
	position: absolute;
	background-repeat: no-repeat;
	left: 20px;
	top: 20px;
	height: 100%;
	width: 420px;
}

.mcfadyen {background-image: url(../images/mcfadyen.jpg); }
.hamby {background-image: url(../images/hamby.jpg); }
.belongea {background-image: url(../images/belongea.jpg); }
.bordeaux { background-image: url(../images/bordeaux.jpg); }
.ferguson { background-image: url(../images/ferguson.jpg); }
.harchuck { background-image: url(../images/harchuck.jpg); }
.zehr {background-image: url(../images/zehr.jpg); }

.hamby span {
	left: 274px !important;
	top: 80px !important;
}
.belongea span {
	left: 279px !important;
	top: 55px !important;
	width: 15em !important;
	font-size: 1.1em;
}
.ferguson span {
	left: 289px !important;
	top: 34px !important;
	width: 18em !important;
	font-size: 1.1em !important;
}
.harchuck span {
	left: 271px !important;
	top: 71px !important;
	width: 15em !important;
}
.bordeaux span {
	left: 301px !important;
	top: 63px !important;
	width: 15em !important;
}
.zehr span {
	left: 307px !important;
	top: 50px !important;
	width: 15em !important;
}
.testimonial-info h3 {font-family: Arial, Sans-Serif; margin-bottom: 0; padding: 0; color: #eb6917; }
.testimonial-info p {margin-bottom: 0; color: #333; }

.testimonial-body {margin-bottom: 1em; padding: 10px 10px 10px 0;}
.testimonial-body p {margin: 0; color: #333; }

p.no-indent {text-indent: 0; }

.cta h3 {padding: 0; }
span.divided { margin: 0 1em; background: transparent url(rsc/bg-line.gif) 50% 50% no-repeat; }

/* = footer */

#footer  {
   text-align: center;
   margin: 10px 0 0 0;
}

#footer ul li  { display: inline;  padding: 0 5px; margin: 0; }
#footer p  { margin: 0 0 .3em 0; color: #988b73;  }
#footer a { color: #988b73; }
#footer a:hover {color: #999; }

#portLink a { color: #988b73; }
#portLink a:hover {color: #999; }



/* = forms */


div.f-row input, div.f-row textarea { border: solid 1px #999; padding: .2em .3em; }

div.f-row input.f-city {width: 35%; }

div.f-row input.f-state {width: 5%; }

div.f-row input.f-zip {width: 11%; }


/* = form styling */


label  {
    color: #eb6917;
    width: 6em;
    float: left;
    text-align: right;
    display: block;
	padding: 0 5px 0 0;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



input  {
    color: #333;
    background: #fff;
}

/* Hides from IE5-mac \*/
* html input {height: 1%;}
/* End hide from IE5-mac */

.submit input  {
    color: #333;
    background: #ccc;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	margin: 2px 0 0 0;
	padding: 0;
	height: 20px;
	width: 50px;
	line-height: .8em;
	cursor: pointer;
}

fieldset  {
    margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1em;

}

h3.dealerAccess  {
    color: #fff;
    padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1;
    margin: 5px 0 0 0;
}

label.dealerAccess   {color: #fff; zoom: 1; }/*e5cb97*/


/* = home styling */

#flashHome  {
    padding: 10px;
	margin: 0;
	line-height: 0;
	float: left;
	width: 525px;
}

#flashHome img { margin: 10px 0 0 0; }

#homeRight  { 
	float: left;
	margin: 0;
	padding: 0;
    width: 355px; 
}

#homeText {
    /*background: transparent url(rsc/bracket-right-sm.gif) no-repeat 100% 5%;*/
    margin: 20px 0 0 0;
	padding: 0;
    height: 242px;

}

.greenBox  { 
    background-color: #690; /*5c5b18*/
	background: url(../images/bg-grn.jpg) repeat-x;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.4em;
    height: 120px;
}

.greenBox img { position: absolute; right: -7px; top: -15px; }
.greenText  { padding: 15px 0 10px 10px;  text-align: left; }
.greenBox a, .redBox a, .redBox2 a {font-family: Arial, Helvetica, sans-serif; /*font-style: italic;*/ line-height: 1em; background: transparent url(rsc/link-arrow.gif) 100% 50% no-repeat; padding-right: 15px; }


.redBox  { 
    background-color: #eb6917;/*6b2e1e*/
	background: url(../images/bg-org.jpg) repeat-x;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
    height: 135px;
}

.redBox img {position: absolute; right: 216px; top: -16px; }
.redText  { padding: 15px 0 10px 150px;  text-align: left; }


.redBox h2, .greenBox h2 {margin: 0; line-height: 1.4; }

#introText  { padding: 8px 15px 0 15px; margin: 0; /*background: transparent url(rsc/bracket-left-sm.gif) no-repeat 0% 5%;*/  }

#introText h2 { color: #EB6917/*976504*/; text-align: justify; padding: 0; font-size: 1.
em; font-family: Arial, Helvetica, sans-serif; }
#introText p { color: #333; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: .950em; padding: 0; margin: 10px 0 0 0; line-height: 2em; }
/*#introText em {font-style: italic; }*/

.testimonials  { position: relative; padding-left: 0;}
.lnk {
    position: absolute;
	bottom: -3%;
	right: -2%;
	padding: 5px 0 7px 0;
}



.testText  { position: absolute; left: 200px; top: 25px; width: 300px; text-align: left; } 

.testText  h3  { background-image: none; font-size: 1.3em; line-height: 1.5em; color: #fff; }

h3.ferguson  { font-size: 1em; line-height: 1.4em;  }
h3.harchuck, h3.hamby  { font-size: 1.5em; line-height: 1.7em; margin: 25px 0 0 0;  }
h3.bordeaux  { font-size: 1.3em; line-height: 1.5em; margin: 15px 0 0 0;  }


/* = options styles */

#optionsImages  {
    color: #333333;
    margin: 15px 0 0 5px;
	padding: 0;
	float: left;
	text-align: left;
	width: 695px; 
}

.redBox2  { 
    background-color: #eb6917;
	background: url(../images/bg-org-2.jpg) repeat-x;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0 5px 0;
	line-height: 1.4em;
	float: left;
	width: 100%;
	display: inline;
}

.redBox2 img {position: absolute; left: -20px; top: -18px; }
.redText2  { margin: 115px 15px 10px 15px; padding: 0; text-align: left; }
/*.redBox2 a { font-family: Georgia, Sans-Serif; font-style: italic; line-height: 1em; background: transparent url(rsc/link-arrow.gif) 100% 50% no-repeat; padding-right: 15px; }*/

.optionsNav .promiseHeader {color: #fff; font-size: 1.250em; line-height: 1.3077; margin-bottom: .3769em; }
.optionsText  {padding: 15px 25px 15px 0; text-align: left; float: right; width: 670px; }
.optionsText h2 { color: #eb6917/*976504*/; }
.optionsText p { color: #333; }

.viewOptionsImg  {
    float: left;
	margin: 0;
	padding: 10px 20px;
	width: 120px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	text-align: center;
}

.viewOptionsImg2  {
    float: left;
	margin: 0;
	padding: 10px 20px;
	/*width: 120px;*/
	min-height: 200px;
	text-align:center;
}

.viewOptionsImg3  {
    float: left;
	margin: 0;
	padding: 10px 20px;
	width: 180px;
	min-height: 220px;
	_height: auto !important;
	height: 230px;
	text-align:center;
}

.viewOptionsImg4  {
    float: left;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	min-height: 200px;
	text-align:center;
}

.viewOptionsImg5  {
    float: left;
	margin: 0;
	padding: 25px 0;
	width: 125px;
	height: 100pxx;
	text-align:center;
}

.viewOptionsImg6  {
    float: left;
	margin: 0;
	padding: 25px 20px;
	width: 125px;
	height: 100pxx;
	text-align:center;
}

.viewOptionsImg7  {
    float: left;
	margin: 0;
	padding: 10px 20px;
	width: 85px;
	text-align:center;
}

.viewOptionsImg5 img {border:solid 1px #333333;}
.viewOptionsImg5 p {margin: 10px 0 0 0; }
.viewOptionsImg6 img {border:solid 1px #333333;}
.viewOptionsImg6 p {margin: 10px 0 0 0; }
.woodText { float: left; width: 175px; text-align: left; margin: 0; padding: 5px; }


p.nextLink {text-align: right;  }
p.nextLink a  {color: #333;  }
p.nextLink a:hover {color: #eb6917; } 
p.optionsAvail {font-size: 0.8em; line-height: 1; padding: 0; text-align: center; }
h3.optionsHeader {font-size: 1.3em; color: #eb6917; padding: 5px 0 0 0; margin: 0; text-align: center; }
h3.optionsHeader2 {font-size: 1.3em; color: #eb6917; padding: 5px 0 0 0; margin: 0; text-align: left; }

/* = accordion styles */

.optionsNav  {
    margin: 10px 10px 0 10px;
	padding: 0 0 10px 0;
	float: left;
	text-align: left;
	width: 175px;
	display: inline;
}

.optionsNav h2  {color: #eb6917; font-size: 1.4em !important; padding-left: 2px; }

#accordion  {background-color: #ccc; }

#accordion h3  { 
/*	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;*/
	color: #FFF;
	cursor: pointer; 
    font-weight: bold;
    font-size: 13px;
    padding: 6px 0 6px 15px;
	margin-bottom: 1px;
}

#accordion h3 {
    background-image: url(../images/button-bg.jpg);
    background-repeat: repeat-x;
	background-color: #333; 
}

/*#accordion h3.first { border-top: 2px solid #f5f5f5;  }
#accordion h3.last { border-bottom: 2px solid #f5f5f5;  }*/

#redDiv h3.noopenBgImage    {
    background-image: url(../images/button-bg.jpg);
    background-repeat: repeat-x;
	background-color: #333;
	color: #fff;
}

.toggler {
	margin: 0;
	padding: 2px 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
 
.element ul { margin: 0; }
.element li  {height: 25px;  }
.element a {
	margin: 0 0 1px 0;
	padding: 3px 0 3px 20px;
	color: #333;
	text-decoration: none;
	display: block;
	font-size: .9em;
}

.element a:hover  {
    background-color: #666;
	color: #fff;
}

#accordion  a.current  {
    background-color: #666;
	color: #fff; 
}



.float-right {
	padding: 10px 20px;
	float: right;
}



/* = design portfolio styles */

.designPort  {margin: 10px 0 30px 0;  }

h1.portfolio { color: #eb6917; padding: 30px 0 5px 40px; line-height: 0; text-align: left; } 



/* = find dealer styles */

p.findDealer {text-align: left; }




