@charset "utf-8";
/* CSS Document */

/* options */
.imageoptions {  }
.imageoptions a {  }
.imageoptions a img { width:90%; max-width:90%; }
.imageoptions .slick-prev, .imageoptions .slick-next { top: 14%; opacity:0.5;  } 
.imageoptions .slick-prev:hover, .imageoptions .slick-next:hover { opacity:1; }
.imageoptions .resp { min-height:130px; height:auto; }
.Option_Spacer { display:none; }
td.tdopt_1 select { width: 338px; }
td.tdopt_1 input { width:116px; margin-left:-4px; background:#bbb86b url("../images/voptions2.png") no-repeat scroll center 2px; height:26px; font-size:0; border:none; cursor:pointer; }
td.tdopt_1 input:hover { background-color:#546b32; }
#Options div table { width:100%; }
#Options td { width:auto; float:left; }
.imageoptionouter { border-top:0px solid #bbb86b; border-bottom:0px solid #bbb86b; background: #f5f4e9 none repeat scroll 0 0; width:96%; padding:2%; }
.opeintro { width:100%;  padding:0px 0 10px;  }
.imageoptionouter span.opetitle { font-size:16px; font-weight:400;float:left; }
a.opeclose { float:right; font-size:12px; font-weight:400; padding-top:3px; }
#xmform { margin-bottom:10px; width:100%; float:left; }
.small-desktop td.tdopt_1 select { width:300px; }
.touch td.tdopt_1 select { width:172px; }
.touch td.tdopt_1 input { width:85px; }
.small-mobile td.tdopt_1 select { width:165px; }
.incomplete { border:1px solid #ce1f26; color:#ce1f26; }

#Options .inline_matrix, #Options .inline_singlematrix { display:none !important; }
.dropwrap.dwr-white { position:absolute; top:0; left:0; z-index: 999; width:100%; height: 2000px; background-color: rgba(255, 255, 255, 0.75); }
.dropwrap.dwr-white .dropwrap-inner { width:900px; margin: 50px auto; position:relative; margin-top:-5000px; transition:all 400ms ease; }
.dropwrap.dwr-white .dropwrap-inner.showme { margin-top:50px; }
.dropwrap.dwr-white .dropwrap-inner .inner-wrap { width:100%; float:left; background:#fff; box-shadow: 0 0 22px -5px #000; border-radius: 2px; box-sizing: border-box; padding:20px; }
.dropwrap.dwr-white .dropwrap-inner .inner-left { width:75%; float:left; min-height: 50px; position:relative; min-height: 215px; }
.dropwrap.dwr-white .dropwrap-inner .inner-right { width:25%; float:left; min-height: 50px; box-sizing: border-box; padding-left:0.25%;}
.dropwrap.dwr-white .dropwrap-inner .inner-right img { width:100%; height:auto; }
.dropwrap.dwr-white .inline_matrix ul { list-style: none; margin:0; padding: 0; width:100%; display:block; }
.dropwrap.dwr-white .inline_matrix ul li { float:left; width:10%; margin-right:2.5%; position:relative; }
.dropwrap.dwr-white .inline_matrix ul li span { display:none; }
.dropwrap.dwr-white .inline_matrix ul li a.no-images span { display:block; text-align: center; color:#333; }
.dropwrap.dwr-white .inline_matrix ul li a.no-images div.hoverthumb span { text-shadow: none; } 
.dropwrap.dwr-white .inline_matrix ul li img { width:100%; height:auto; box-sizing:border-box; padding:3px; border:1px solid #C6C6C6; }
.dropwrap.dwr-white .inline_matrix ul li.selected-option img { border: 2px solid #88b4c4; padding:2px; }
.dropwrap.dwr-white h1 { margin:0 0 10px; padding:0; }
.dropwrap.dwr-white .opt-title { width:100%; float:left; margin-bottom:15px;}
.dropwrap.dwr-white .inline_matrix { width:100%; float:left; min-height: 168px; }
.confbutton { background:#56ca65; color:#fff; padding: 10px 80px; cursor:pointer; margin-top:10px; transition:all 200ms ease; float:left; }
.confbutton:hover { background:#1da028; }
.dropwrap.dwr-white .select, .dropwrap.dwr-white .optionswatchcontainer, .dropwrap.dwr-white .swatchbutton { display:none; }

div.hoverthumb { width:200px; height:200px; position:absolute; z-index:9999; bottom:-210px;left:50%; margin-left:-100px; border:1px solid #C6C6C6; background:#fff; }
div.hoverswatch { width:180px; height:180px; padding:10px; text-align: center;}
div.hoverthumb span { position: absolute; display: block !important; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; text-shadow: 0 0 2px #000; font-weight: bold; font-size: 18px; }
.hoverthumb .down-nugget { top: -0px; } 

.xm-closeit { background:url(../images/Closex2.png) no-repeat center / 10px; width:10px; height:10px; display:inline-block; position: absolute; top:10px; right:10px; cursor:pointer; }
body.pixiedust .hoverthumb span.xm-closeit-thumb { background:url(../images/Closex2.png) no-repeat center / 10px; width:10px; height:10px; display:inline-block; position: absolute; top:10px; right:10px; cursor:pointer; transform: translate(0%,0%); left:auto;}

.xm-choose { border:1px solid #C6C6C6; padding:10px; font-weight: bold; color:#808080; cursor:pointer; background:#f7f8fa; width:100%; text-align: center; float:left; margin-bottom:15px; margin-top:0px; box-sizing:border-box; }
.xm-choose:hover { background:#FA0A0D; border-color:#FA0A0D; color:#fff; text-decoration: none; }

body.pixiedust .swatchbutton, body.pixiedust #Swatchcollection, body.pixiedust #Option_selects .select { display:none; }
.option.indent-left { float:left; width:100%; margin:5px 0; }
#Options .Option_selects { display:flex; margin-bottom:10px; float:left; width:100%;  }
.optionswatchcontainer { width:11%; float:left; position:relative; min-width:41px; min-height: 41px; background:#ccc;  }
.optionswatchcontainer img { width:100%; height:auto; float:left; }
.pm-xm-select { width:100%; height:100%; position: absolute; top:0; left:0; background:url(../images/Selectedx2.png) no-repeat center / 20px; cursor:pointer; }

.pm-xm-select.not-comp { background:url(../images/ClickforMorex2.png) no-repeat center / 20px;}
.pm-xm-selected { width:89%; float:left; position: relative; box-sizing: border-box; padding-left:10px;}
.pm-xm-selected span { position: absolute; top:48%; transform: translate(0,-50%); }
.dropwrap.dwr-white .pm-xm-selected { display:none; }
.dropwrap.dwr-white .inline_matrix ul li img.noimage {  }
.dropwrap.dwr-white .inline_matrix ul li.selected-option img.noimage { border: 2px solid #88b4c4; padding:2px; }

.Option_prompt { text-decoration: underline; color:#333; font-weight: 700; margin-bottom:10px; }

.dropwrap-inner span.Option_Prompt, .dropwrap-inner .Option_Text { display:none; }
.dropwrap-inner .xm-choose { display:none; }

@media screen and (min-width: 1000px) {
	.xm-choose, .seemore { transition:all 200ms ease;}
}
@media screen and (max-width: 950px) {
	.dropwrap.dwr-white .dropwrap-inner { width:90%; }
	.dropwrap.dwr-white .dropwrap-inner .inner-left { width:100%; }
	.dropwrap.dwr-white .dropwrap-inner .inner-right { display:none; }
	.dropwrap.dwr-white .inline_matrix ul li { width:11.5%; margin:1.25%; }
}
@media screen and (max-width: 768px) {
	.confbutton { float:left; width:100%; box-sizing: border-box; text-align: center; }	
	.optionswatchcontainer { width:20%; }
	.pm-xm-select { background-size:34px auto; }
	.optionswatchcontainer { min-height: 40px; }
	.pm-xm-select.not-comp { background-size:34px auto;}
}

@media screen and (max-width: 500px) {
	
	.dropwrap.dwr-white .inline_matrix ul li { width:17.5%; }
	.pm-xm-select { background-size:24px auto; }
}