/* modified from eric meyer reset */
html,body,div,span,object,iframe,										
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,cite,em,img,strong
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

html{
	height:100%;
	overflow-y:scroll; /* force scrollbar for short pages */
}

table{
	border-collapse:collapse;
	width:100%;
} 

th,td{
	vertical-align:top;
	text-align:left;
}

div{
	box-sizing:border-box;
}

img{
	width:100%;
	display:block;
}


/******** type **************/

*{
	font-family:opensans,Sans-Serif;
}

h1, h1, h3 *{font-family:epilogue,Sans-Serif;}

textarea{
	font-family:monospace;
}
	form textarea{
		font-family:opensans,Sans-Serif;
	}

h1{
	font-weight:600;
	font-size:2.5em;
	line-height:1.2em;
}
	h1 a.edit{
		font-size:.6em;
		font-family:opensans,Sans-Serif;
	}
	
h2, h2 *{font-family:epilogue,Sans-Serif;}

h2{
	/*font-family:cabin,arial;*/
	font-weight:600;
	font-size:1.5em;
	line-height:1.3em;
}
	h2 a.edit{
		font-size:.7em;
	}

h3{
	/*font-family:cabin,Sans-Serif;*/
	font-weight:500;
	font-size:1.4em;
}

h4,h5,h6,p,li,td,th{
	font-size:1em;
}

p{
	line-height:1.7em;
	max-width:44em;
}

li{line-height:1.5em;}
.free li{max-width:36em;}
.index li{max-width:100%;}

td,th{line-height:1.5em;}

.cart .total strong{
	font-size:2em;
}

.cart a.button{
	font-size:1.3em;
}

a.button, .errorbox,.error_msg,
input[type="submit"], input[type="button"], 
.cart #progress_bar, td.price,
dt{
	font-weight:bold;
}

.cart .price, 
h2 .count, h2 a.edit,h1 a.edit{
	font-weight:normal;
	text-decoration:none;
}

/* no underline ******/
a.button{
	text-decoration:none;
}

header nav a{
	
}


@media screen and (max-width:399.9999px){	body{font-size:.8em;}	}
@media screen and (min-width:400px){		body{font-size:.85em;}	}
@media screen and (min-width:6500px){		body{font-size:.9em;}	}
@media screen and (min-width:1000px){		body{font-size:.95em;}	}
@media screen and (min-width:1400px){		body{font-size:1em;}	}
@media screen and (min-width:1800px){		body{font-size:1.1em;}	}

/*

	CUT FONT SIZE WAYYY DOWN WHEN YOU SPLIT FROM 1 TO 2/3 COLS...
		
		@media screen and (min-width:800px){
			.rfi_form{
				width:50%;
				margin-left:5%;
				float:right;
				clear:none;
				font-size:.63em;
			}
				
			.main_text{
				width:44%;
				float:left;
				clear:none;
				font-size:.63em;
			}	
			
			checkboxes do not scale with font size so we must scale
			.main_text .checkboxes .input,
			.rfi_form .checkboxes .input{ 
				transform: scale(.7);
			}
		}
		
	SCALE GLOBAL FONT SIZE WWWAAAAAYYY UP AS YOU INCREASE VIEWPORT WIDTH...
	
	
	@media screen and (max-width:399.9999px){	header{font-size:.8em;}	}
	@media screen and (min-width:400px){		header{font-size:.9em;}	}
	@media screen and (min-width:500px){		header{font-size:1em;}	}
	@media screen and (min-width:700px){		header{font-size:1.1em;}}
	@media screen and (min-width:1000px){		header{font-size:1.2em;}}
	@media screen and (min-width:1300px){		header{font-size:1.2em;}}
	@media screen and (min-width:1600px){		header{font-size:1.3em;}}
	@media screen and (min-width:2000px){		header{font-size:1.3em;}}


	CHOOSE A DIFFERENT CONTAINER BESIDES MAIN FOR THIS....
	WE DONT WANT TO SCALE NAVS THIS MUCH....
	ONLY PARAGRAPHS, COLUMN LAYOUTS, GRIDS, IMAGES, ETC.....
	SO WE NEED THE PART OF THE CONTENT AREA THAT DOES NOT HAVE THE NAVS...
			
			@media screen and (max-width:399.9999px){	main{font-size:.8em;}	}
			@media screen and (min-width:400px){		main{font-size:.87em;}	}
			@media screen and (min-width:500px){		main{font-size:.95em;}	}
			@media screen and (min-width:600px){		main{font-size:1.06em;}	}
			@media screen and (min-width:700px){		main{font-size:1.18em;}	}
			@media screen and (min-width:800px){		main{font-size:1.36em;}	}
			@media screen and (min-width:900px){		main{font-size:1.45em;}	}
			@media screen and (min-width:1100px){		main{font-size:1.65em;}	}
			@media screen and (min-width:1300px){		main{font-size:1.85em;}	}
			@media screen and (min-width:1500px){		main{font-size:1.9em;}	}
			@media screen and (min-width:1700px){		main{font-size:2.2em;}	}

	SCALE CHECKBOXES:::::::::::::::::::::::::::::::::::::::::::::::::::::
		
		@media screen and (max-width:399.9999px){	input[type=checkbox]{transform: scale(1);}	}
		@media screen and (min-width:400px){		input[type=checkbox]{transform: scale(1);}	}
		@media screen and (min-width:500px){		input[type=checkbox]{transform: scale(1.05);}	}
		@media screen and (min-width:600px){		input[type=checkbox]{transform: scale(1.1);}	}
		@media screen and (min-width:700px){		input[type=checkbox]{transform: scale(1.2);}	}
		@media screen and (min-width:800px){		input[type=checkbox]{transform: scale(1.3);}	}
		@media screen and (min-width:900px){		input[type=checkbox]{transform: scale(1.35);}	}
		@media screen and (min-width:1100px){		input[type=checkbox]{transform: scale(1.4);}	}
		@media screen and (min-width:1300px){		input[type=checkbox]{transform: scale(1.4);}	}
		@media screen and (min-width:1500px){		input[type=checkbox]{transform: scale(1.4);}	}
		@media screen and (min-width:1700px){		input[type=checkbox]{transform: scale(1.4);}	}
		

*/





/****************** Margins/Padding/Borders ******************/

h1,h2,h3,h4,h5,h6{
	margin:1.5em 0 .8em 0;
}
	h1{
		margin-top:.6em;
	}

li{
	margin-bottom:.8em;
}
	
p,ul,ol,dl,.t,
ul.index li{
	margin-bottom:1.4em;
}
	
div.pair,div.button{
	margin-bottom:1em;
}
	
ul.attr > li{
	border-bottom:.1em solid;
	padding-bottom:1.5em;
}
	ul.attr > li:first-child{
		border-top:.1em solid;
		padding-top:1.5em;
	}
	
	ul.condensed{
		max-width:25em;
	}
	
	ul.condensed li{
		border-bottom:.05em dotted;
		padding-bottom:.5em;
		margin-bottom:.5em;
	}
	
		ul.condensed li:first-child{
			border-top:.05em dotted;
			padding-top:.5em;		
		}	
	

	

input,textarea,select	{ /* keep these the same */
	padding:.4em .7em	}
label					{
	padding:.4em 0;		}

th,td{
	border-bottom:.1em solid;
	padding:.6em .6em;
}

td:last-child,th:last-child{
	padding-right:0;
}

td:first-child,th:first-child{
	padding-left:0;
}

th.price, th.numeric, td.price, td.numeric{
	text-align:right;
}


/************************* Overall Layout *******************/

/*
.page{
	max-width:2000px;
	margin:auto;
	overflow:auto;
}
*/

.page{
	min-width:17em;
}


header{
	overflow:auto;
}

.content{
	padding:3em 0 5em 0;
	overflow:auto;
	/*
	border-left:1px #ddd solid;
	background-color:white;
	*/
	border-right:0;
}

.c{
	padding:0 7%;	
	margin: 0 auto;
	
}

footer{
	padding:3em 0 4em 0;
	clear:both;
	max-width:2200px;
}

.block{
	display:block;
	overflow:auto;
	clear:both;
	margin-top:1em;
	margin-bottom:1em;	
	padding-bottom:1em;
}

	.major{
		margin-top:1.5em;
		margin-bottom:1.5em;
	}
	
	.minor{
		
		
	}
	




/*
@media screen and (min-width:1200px){
	
	header{
		float:left;
		width:24%;
	}
	
	.content,footer{
		float:right;
		width:75%;
	}
	
	.content .c,footer .c{
		padding-right:10%;
		padding-left:2em;
		max-width:50em;
		margin-left:0;
	}
}

*/



/*************** Header/footer/navs **************/

header{
	overflow:auto;
	padding:1.5em 0 0 0;
}

.logo{
	max-width:100%;
	width:10.5em;
	margin:auto;
	margin-bottom:1.5em;
}

header .text{
	display:block;
	margin-bottom:1em;
	text-align:center;
}

header .text span{display:block;}
header .text1{padding:1em;}
header .text2{padding:1em;}

header a, footer a, nav a{
	text-decoration:none;
}

nav{
	clear:both;
	overflow:auto;
}

nav li{
	float:left;
	margin:0;
}

nav a{	
	display:block;
	padding:.7em 1em;
	
}

footer nav li{
	display:block;
	float:none;
	width:100%;
	padding:0;
}

footer nav a{
	display:block;
	float:none;
	width:100%;
	padding-right:0;
	padding-left:0;
	text-align:center;
}


@media screen and (min-width:720px){
	
	.logo{
		float:left;
		margin-right:5%;
		margin-left:0;
	}
	
	header .text1{
		float:left;	
		text-align:left;
	}
	
	header .text2 div{
		float:right;
		text-align:right;
		margin-left:1em;
	}
}


nav.mobile{display:none;}

@media screen and (max-width:1000px){
	nav.full{display:none;}
	nav.mobile{display:block;}
}


@media screen and (min-width:1000px){
	
	nav.mobile{display:none;}
	nav.full{display:block;}
	nav#full-menu-footer{display:none;}
	
	nav li{margin:0 1.5em 1em 0;}
	nav a{padding:1em 0;}
	
}


/*
@media screen and (min-width:1200px){
	
	header,header .text{
		text-align:right;
	}
	
	nav li{
		float:none;
	}
	
	.logo{
		margin-left:0;
		margin-right:0;
		width:99px;
		float:right;
	}
	
	header .c{
		overflow:auto;
	}
	
	nav a{
		font-size:1.3em;
	}
	
}

*/


/**************** Content area general style ***************/

main li,
main dd,
textarea li{
	margin-left:2.8em;
}

main li, textarea li{
	padding-left:.4em;
}


@media screen and (min-width:680px){
	
	.parallel .photos{
		float:right;
		width:35%;
		margin:0 0 3em 8%;
	}
}


/*****	related links menus/sidebars		***/

/* mobile */
.parallel .dup-top{display:none;}
.parallel .dup-bottom{display:block;}

/* inline/horizontal nav unless parallel */

.content nav ul{
	overflow:auto;
}

.content nav li{
	float:left;
	border-left:.1em dashed black;
	margin-right:0;
}

.content nav li a{
	padding:0 .8em;
	display:block;
}

@media screen and (min-width:600px){
	
	/* vertical nav if parallel */
	main .parallel nav ul li{
		float:none;
	}
	
	.parallel .dup-top{display:block;} /* duplicated content for desktop vs mobile display */
	.parallel .dup-bottom{display:none;}
	
	.parallel div.related{
		float:right;
		width:25%;
		min-width:7em;
		font-size:.85em; 
		padding-left:4%; 
		margin-left:4%; 
		margin-bottom:2em;
		border-left:.1em black solid;
		border-bottom:.1em black solid;
	}
}


@media screen and (min-width:800px){
	
	.split .supporting{
		float:right;
		width:30%;
		padding-left:4%;
	}
	
	.split .primary{
		float:left;
		width:66%;
	}	
}


/************	ul index	*********/

ul.index > li,
ul.attr > li, 
ul.grid > li, 
header li, footer li, nav li{
	margin-left:0;
	padding-left:0;
	list-style:none;
	overflow:auto;
}

ul.index,
ul.attr,
ul.grid{
	margin-left:0;
	padding-left:0;
}


ul.index a, ul.grid a{
	text-decoration:none;
}

ul.index{
	clear:both;
	padding:0;
}

ul.index > li{
	list-style:none;
	clear:both; 
	overflow:auto;
	border-bottom:.15em #ddd solid;
	padding-bottom:2em;
	margin-bottom:0;
	padding-top:1.5em;
	padding-left:0;
	padding-right:0;
}

ul.index > li:first-child{
	border-top:.15em solid;
}


@media screen and (min-width:700px){
	
	ul.index .image					{ /* 2-col layout */
		float:left;
		width:26%;
		margin-right:4%;			}
	ul.index .text					{
		float:left;			
		width:66%;		
									}		
}


ul.index .text h2{
	margin-top:0;
}	

@media screen and (min-width:600px){ 	/* 3-column grid */
	
	ul.grid  li{
		margin-top:1%;
		float:left;
		width:32.66%;
		margin-right:1%;
	}
	
		ul.grid  li:nth-child(3n){
			margin-right:0;
		}
		
		ul.grid  li:nth-child(3n+1){
			clear:left;
		}
		
		ul.grid  li:nth-child(3n-1){
		}
}



/*

%%%%%%%%%%%%%%%%%%%%%%%%% PRC GRID CODE %%%%%%%%%%%%%%%%%%%%%%%%%%

ul.grid li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}
 
ul.grid li{
	text-align:center;
	padding-bottom:0;
	padding-top:2em;
	list-style:none;
}
 
 
ul.grid li img{
	display:block;
	margin-bottom:.8em;
	width:100%;
}

ul.grid li a,
ul.grid li a{
	text-decoration:underline;
}

@media screen and (min-width:440px) and (max-width:799px){

	ul.grid li{
		float:left;
		clear:none;
		width:47.5%;
		margin-right:5%;
	}
		
	ul.grid  li:nth-child(2n){
		margin-right:0;
	}
	
	ul.grid  li:nth-child(2n+1){
		clear:left;
	}	
	
	ul.grid  li:nth-child(-n+2){
		border-top:0;
		padding-top:0;
	}
}


@media screen and (min-width:800px){
	
	ul.grid  li{
		float:left;
		clear:none;
		width:31%;
		margin-right:3.5%;
	}

		ul.grid  li:nth-child(3n+1){
			clear:left;
		}
		
		ul.grid  li:nth-child(3n){
			margin-right:0;
		}
		
		ul.grid  li:nth-child(-n+3){
			border-top:0;
			padding-top:0;
		}
}

%%%%%%%%%%%%%%%%%%%%%%%%% TIGHT GRID %%%%%%%%%%%%%%%%%%%%%%%%%%

@media screen and (min-width:500px) and (max-width:759.999px){

	ul.grid.tight li{
		float:left;
		clear:none;
		width:47.5%;
		margin-right:5%;
	}
		
	ul.grid.tight  li:nth-child(2n){
		margin-right:0;
	}
	
	ul.grid.tight  li:nth-child(2n+1){
		clear:left;
	}	
	
	ul.grid.tight  li:nth-child(-n+2){
		border-top:0;
		padding-top:0;
	}
}


@media screen and (min-width:760px) and (max-width:999.999px){
		
	ul.grid.tight  li{
		float:left;
		clear:none;
		width:31%;
		margin-right:3.5%;
	}

		ul.grid.tight li:nth-child(3n+1){
			clear:left;
		}
		
		ul.grid.tight  li:nth-child(3n){
			margin-right:0;
		}
		
		ul.grid.tight  li:nth-child(-n+3){
			border-top:0;
			padding-top:0;
		}
}


@media screen and (min-width:1000px) and (max-width:1299.999px){
	
	ul.grid.tight  li{
		font-size:.85em;
		float:left;
		clear:none;
		width:23.5%;
		margin-right:2%;
	}

		ul.grid.tight   li:nth-child(4n+1){
			clear:left;
		}
		
		ul.grid.tight   li:nth-child(4n){
			margin-right:0;
		}
		
		ul.grid.tight   li:nth-child(-n+4){
			border-top:0;
			padding-top:0;
		}
}

@media screen and (min-width:1300px){
	
	ul.grid.tight  li{
		font-size:.85em;
		float:left;
		clear:none;
		width:18.4%;
		margin-right:2%;
	}

		ul.grid.tight   li:nth-child(5n+1){
			clear:left;
		}
		
		ul.grid.tight   li:nth-child(5n){
			margin-right:0;
		}
		
		ul.grid.tight   li:nth-child(-n+5){
			border-top:0;
			padding-top:0;
		}
}


*/




/******** equal height gallery ***************/

ul.eqh{
	overflow:auto;
}

ul.eqh, ul.eqh li{
	margin:0;
	padding:0;
	list-style:none;
}

ul.eqh li img{

}

ul.eqh li{
	
	float:left;
	
}

ul.eqh a{
	
}



/*
	........................................................
	........................................................
	........................................................
	........................................................
	
	
	???????????????????
	
	ADD THE REST OF YOUR IMAGE GALLERY CODE...
	
	LIKE FOR
		
		DCC
		
		DZ
		
		JLG
		
	2-col
	
	4-col
	
	5-col
	
	??????????????????????????
	
	........................................................
	........................................................
	........................................................
	........................................................

*/


@media screen and (min-width:400px){
	
	.land-prt {
		clear:both;
		overflow:auto;
	}
	
	.land-prt .land{
		width:72%;
		float:left;
		margin-right:1%;
	}
	
	.land-prt .prt{
		width:24%;
		float:left;
		margin-right:0;
	}
	
}


/********************** Forms ****************************/

.button input,
input.button{
	font-weight:bold;
	padding:.4em 1em;
	margin-bottom:2em;
}	

input,textarea,select{
	font-size:1em;
}

input[type=text]{
	min-width:2em;	
}

.search .q{
	width:30em;
}

.pair{
	overflow:auto;
}

.wysiwyg{
	overflow:visible;
}

.pair label{
	display:block;
}

	.pair.checkbox label{
		display:inline;
	}

/*
.long .pair label{
	width:10em;
	padding-right:1em;
	float:left;
	text-align:right;
}
	.long .optional,
	.long #i_forgot_my_password{
		margin-left:13.3em;
	}
*/

input[type=radio]{
	font-size:2em;
	
}

input.zip{
	width:5em;
}

.search label,
.pair label,
.select_ymm label,
.pair input{
	display:block;
}

.help_text{
	font-size:.95em;
}

.controls_group{
	overflow:auto;
}

form .expansion{display:none;}
form .expansion.expanded{display:block;}
form .expansion_control.activated{display:none;}

ul.radios, ul.radios li,
ul.checkboxes, ul.checkboxes li{
	list-style:none;
	margin-left:0;
	padding-left:0;
}

ul.checkboxes .input{
	float:left;
	margin-top:.1em;
	
}
ul.checkboxes label{
	margin-left:2em;
	display:block;
	padding-top:0;
}


li .expansion.major{
	margin-left:5%;
}

.select_ymm select,
.search .q,
.search .button{
	display:inline;
}

.edit_page .attr .pair{
	overflow:auto;
}

form .attr .pair label		{
	float:left;
	width:11em;
	margin-right:1em;		}
form .attr .pair input		{
	float:left;
	width:12em;				}

form attr select{
	min-width:10em;
	width:100%;
	box-sizing:border-box;
}

	form .attr .numeric input{ /* make the numeric inputs smaller */
		width:4em;
	}

.pair label,.file label,.submit,
.file_input_wrapper,
.pair input,.pair textarea, .pair select,
.attr div.pair,.edit_page div.select_ymm{
	width:100%;
	box-sizing:border-box;
}

div.pair label,
div.pair input,
div.submit input,
div.pair textarea,
div.pair select{
	display:block;
}

/* 2-col layout (label | input) for long forms

.file_input_wrapper{
	display:block;
	width:50%;
	overflow:auto;
}

@media screen and (min-width:680px){
	
	.long .pair label,
	.long .file label{
		float:left;
		text-align:right;
		width:30%;
		padding-bottom:.3em;
	}
	
	.long .pair input,
	.long .pair textarea,
	.long .pair select,
	.long div.checkbox,
	.long div.submit,
	.long .file_input_wrapper{
		float:left;
		width:63%;
		margin-left:1.5%;
	}

	.long div.submit,
	.long div.checkbox,
	.long div.toggleinput{
		margin-left:30%;
	}
}
*/

.pair.checkbox input, .pair.checkbox label{
	display:inline;
	width:auto;
}

.tinymce_container textarea{
	padding:0;
	width:100%;
}

div.pair input,
div.pair select,
div.pair textarea{
	max-width:50em;
}

li form a.button{
	margin-right:.3em;
}

form .images li{
	list-style:none;
	clear:both;
	overflow:auto;
	border-bottom:1px gray solid;
	margin-bottom:2.5em;
	padding-bottom:2.5em;
}

form .images img{
	border:1px gray solid;
}

form .images li .s{
	float:left;
}

form .images li .sort_order{width:80px;}
form .images li .options{width:320px;}
form .images li .img{width:300px;}

form .images li img{width:92%;}

input.smallnum{
	width:1.5em;
}

.sort_order input{
	font-size:1.7em;
	padding:.2em .3em;
	font-weight:bold;
}

li fieldset{
	margin-bottom:2em;
}

.images li div.pair input{
	width:90%;
}

.checkbox_tree li{
	list-style:none;
}


.subcontent_sort_order input.sort_order{
	width:1.5em;
	text-align:right;
	margin-right:.5em;
}



input[type=submit]:hover{
	cursor:pointer;
	
}




/************ Outbound subform splitter ************/

.split_subf_fork .radios,
.outbound_subf_fork .radios{
	overflow:auto;
}

.split_subf_fork .radios li,
.outbound_subf_fork .radios li{
	float:left;
}





/************ Calendar extension ************/

li .controls_group{
	font-size:.9em;
}
.pair.date input{
	width:8em;
}

.pair.time input  {width:4em;  float:left; margin-right:.5em;}
.pair.time select {width:5em;  float:left; }
.pair.start_date  {width:11em; float:left; }
.pair.start_time  {width:13em; float:left; }
.pair.end_time	  {width:13em; float:left; }

.event.controls_group .cancel_expansion{
	float:left;
	margin-top:3em;
}




/*  when we omit the date field (for time exception controls)
add a left margin so the time inputs align to the row above  */

.event_master .controls_group{ /* for rows 2+ */
	margin-left:11em;
}

.event_master .controls_group:first-of-type{ /* not for the first row */
	margin-left:0;
}


/*********************************** editing pages ************************************/

h1 .edit, h2 .edit, h3 .edit, h4 .edit{
	font-weight:normal;
	text-transform:none;
}

h1 .edit{
	font-size:.7em;
}

.section_nav li{
	display:inline;
	border-right:1px solid;
	padding-right:.8em;
	margin-right:.8em;
}
	.section_nav li.last{
		border:0;
		margin:0;
		padding:0;
	}


/****************************** Shopping Cart **********************************/

td.qty input{
	width:3em;
}

.cart .total{
	text-align:right;
	float:right;
}

.shipping_and_total{
	clear:both;
	overflow:auto;
}


/********************************** Buttons, Tabs, Padded Boxes ***************/

a.button{
	line-height:3em;
	padding:.7em 1.1em;
	text-decoration:none;
	white-space:nowrap;
	border-radius:5px;
}

ul.alert li{
	list-style:none;
}

.errorbox,
.error_msg,
.alert_msg,
.special_product_status {
	display: block;
	padding: 1em 2.5em 1.4em 2.5em ;
}

.alert{
	padding:2em;
}



/***************************** color base ***************/


input,textarea,select,option{
	background-color:transparent;
	color:inherit;
}


a:hover,a:active,a:focus{
	text-decoration:underline;
}