td, th{padding: 5px;}
.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9, .col-xxxs-1,.col-xxxs-10,.col-xxxs-11,.col-xxxs-12,.col-xxxs-2,.col-xxxs-3,.col-xxxs-4,.col-xxxs-5,.col-xxxs-6,.col-xxxs-7,.col-xxxs-8,.col-xxxs-9{
  position:relative;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}

.col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9, .col-xxxs-1,.col-xxxs-10,.col-xxxs-11,.col-xxxs-12,.col-xxxs-2,.col-xxxs-3,.col-xxxs-4,.col-xxxs-5,.col-xxxs-6,.col-xxxs-7,.col-xxxs-8,.col-xxxs-9 { 
  float:left;
}

.items-row h2, .items-heading h2{border:none;}
.img-intro-left img{max-width: 100%;}
.readmore a{background: #9a6d34; color: #fff;padding:5px 20px;text-transform: uppercase;}
.mobilecat h2, .mobilecat h3{margin: 5px; }
.mobilehour{background: #e6e7e8; color:#000;padding: 15px;font-size: 12px;line-height: 1.5}
.mobilehour a, .mobilehour a:visited, .mobilehour a:active, .mobilehour a:link{color: #000 !important;}
a.goldbox, a.goldbox:active, a.goldbox:link, a.goldbox:visited{background: #cf971c; color: #fff !important; text-align: center}
.mobilehour a.goldbox{width: 100%;padding: 2px;display: block;}

/** bootstrap extended column height fix */
.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.col-wrap{    overflow: hidden; }
.btn-primary{background-color: #cf971c; border-color: #cf971c;}
.cartsidebar table{width: 100% !important;}

/** lesson plan override **/

#lp-lower{width: 100% !important; float:none;}

/** footer menu style **/
.panel-default > .panel-heading{border: 1px solid #cf971c; background:none;}
.panel-default{border:none;}
.visible-xs #sidebarbox .CollapsiblePanel{border-bottom: 1px solid #eee;}
#sidebarbox #currentnav{color: #cf971c;}
.panel-default .CollapsiblePanelTab a{font-size: 14px;}
.panel-default .panel-body{padding: 0;}
.panel-default  #currentnav{background: none;}

/** homepage menu **/
.homenav{margin: 15px;}
.homenav li a{border: 1px solid #cf971c;font-size: 14px;text-transform: uppercase;color:#000;}
.homenav ul.dropdown-menu > li > a{padding: 3px 15px;border:none; border-bottom: 1px solid #ccc;text-transform: none !important;}
.homenav .navbar-nav .open .dropdown-menu > li > a, .homenav .navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 15px}
.homenav li{margin: 10px 0;}
.homenav  .nav .open > a, .nav .open > a:hover, .homenav  .nav .open > a:focus{background: #cf971c !important;border:none;}
.cartmobilenav{}
td > table td{padding: 5px 0 !important;}
@media screen and (max-width: 780px){

	.whitebox{display: block !important;}
	.maincontent{display: block !important;}
	.maincontent > .row{display: block !important; margin:0px -15px !important;}
}
@media screen and (max-width: 640px){	
	img{max-width: 100%;height: auto;} 
	tbody, tr, td{display: block;text-align: center; width: 100% !important;}
	table { overflow-x: auto; width: 100% !important;display: block;	}
	tbody{overflow: hidden;}
	.item-page{padding-top:5px;}
	table li{text-align: left;}
	td.purchase{padding-bottom: 20px; background: #fff !important;}
	table.nobordermobile td{border-top: none !important; border-bottom: none !important;}
	/** fixed tables that shouldn't adjust **/
	table.fixedtable{width: auto;display:table}
	table.fixedtable tbody{display: table-row-group; text-align: inherit; width: auto !important;}
	table.fixedtable tr{display: table-row; text-align: inherit; width: auto !important;}
	table.fixedtable td{display: table-cell; text-align: inherit; width: auto !important;}

	/* 
	#os_form table{width: auto;display:table}
	 #os_form tbody{display: table-row-group; text-align: inherit; width: auto !important;}
	 #os_form tr{display: table-row; text-align: inherit; width: auto !important;}
	#os_form td{display: table-cell; text-align: inherit; width: auto !important;}
	*/
	#os_form input[type=text],#os_form  input[type=url],#os_form  input[type=tel],#os_form  input[type=number],#os_form  input[type=email] {
		width: 100%;
	}
	/* shop*/
	.shophometable td{height: auto !important;}
	
	img.lessonplan-photo{width: auto !important;}
	.cols-2 .column-1, .cols-2 .column-2{width: 100%;}
	
	.col-xxs-pull-12 { right:100%; }
	.col-xxs-pull-11 { right:91.66666667%; }
	.col-xxs-pull-10 { right:83.33333333%; }
	.col-xxs-pull-9 { right:75%; }
	.col-xxs-pull-8 { right:66.66666667%; }
	.col-xxs-pull-7 { right:58.33333333%; }
	.col-xxs-pull-6 { right:50%; }
	.col-xxs-pull-5 { right:41.66666667%; }
	.col-xxs-pull-4 { right:33.33333333%; }
	.col-xxs-pull-3 { right:25%; }
	.col-xxs-pull-2 { right:16.66666667%; }
	.col-xxs-pull-1 { right:8.33333333%; }
	.col-xxs-pull-0{ right:auto; }
	
	.col-xxs-push-12 { left:100%; }
	.col-xxs-push-11 { left:91.66666667%; }
	.col-xxs-push-10 { left:83.33333333%; }
	.col-xxs-push-9 { left:75%; }
	.col-xxs-push-8 { left:66.66666667%; }
	.col-xxs-push-7 { left:58.33333333%; }
	.col-xxs-push-6 { left:50%; }
	.col-xxs-push-5 { left:41.66666667%; }
	.col-xxs-push-4 { left:33.33333333%; }
	.col-xxs-push-3 { left:25%; }
	.col-xxs-push-2 { left:16.66666667%; }
	.col-xxs-push-1 { left:8.33333333%; }
	.col-xxs-push-0 { left:auto; }
	.col-xxs-offset-12 { margin-left:100%; }
	.col-xxs-offset-11 { margin-left:91.66666667%;}
	.col-xxs-offset-10 { margin-left:83.33333333%; }
	.col-xxs-offset-9 { margin-left:75%; }
	.col-xxs-offset-8 { margin-left:66.66666667%; }
	.col-xxs-offset-7 { margin-left:58.33333333%; }
	.col-xxs-offset-6 { margin-left:50%; }
	.col-xxs-offset-5 { margin-left:41.66666667%; }
	.col-xxs-offset-4 { margin-left:33.33333333%; }
	.col-xxs-offset-3 { margin-left:25%; }
	.col-xxs-offset-2 { margin-left:16.66666667% ;}
	.col-xxs-offset-1 { margin-left:8.33333333%; }
	.col-xxs-offset-0{ margin-left:0; }
	
	.col-xxs-1 { width:8.33333333%; }
	.col-xxs-2 { width:16.66666667%; }
	.col-xxs-3 { width:25%; }
	.col-xxs-4 { width:33.33333333%; }
	.col-xxs-5 { width:41.66666667%; }
	.col-xxs-6 { width:50%; }
	.col-xxs-7 { width:58.33333333%; }
	.col-xxs-8 { width:66.66666667%; }
	.col-xxs-9 { width:75%; }
	.col-xxs-10 { width: 83.33333333%; }
	.col-xxs-11 { width:91.66666667%; }
	.col-xxs-12 { width: 100%; }
	
	.hidden-xxs{display: none;}
}

@media screen and (max-width: 480px){
	.col-xxxs-pull-12 { right:100%; }
	.col-xxxs-pull-11 { right:91.66666667%; }
	.col-xxxs-pull-10 { right:83.33333333%; }
	.col-xxxs-pull-9 { right:75%; }
	.col-xxxs-pull-8 { right:66.66666667%; }
	.col-xxxs-pull-7 { right:58.33333333%; }
	.col-xxxs-pull-6 { right:50%; }
	.col-xxxs-pull-5 { right:41.66666667%; }
	.col-xxxs-pull-4 { right:33.33333333%; }
	.col-xxxs-pull-3 { right:25%; }
	.col-xxxs-pull-2 { right:16.66666667%; }
	.col-xxxs-pull-1 { right:8.33333333%; }
	.col-xxxs-pull-0{ right:auto; }
	
	.col-xxxs-push-12 { left:100%; }
	.col-xxxs-push-11 { left:91.66666667%; }
	.col-xxxs-push-10 { left:83.33333333%; }
	.col-xxxs-push-9 { left:75%; }
	.col-xxxs-push-8 { left:66.66666667%; }
	.col-xxxs-push-7 { left:58.33333333%; }
	.col-xxxs-push-6 { left:50%; }
	.col-xxxs-push-5 { left:41.66666667%; }
	.col-xxxs-push-4 { left:33.33333333%; }
	.col-xxxs-push-3 { left:25%; }
	.col-xxxs-push-2 { left:16.66666667%; }
	.col-xxxs-push-1 { left:8.33333333%; }
	.col-xxxs-push-0 { left:auto; }
	.col-xxxs-offset-12 { margin-left:100%; }
	.col-xxxs-offset-11 { margin-left:91.66666667%;}
	.col-xxxs-offset-10 { margin-left:83.33333333%; }
	.col-xxxs-offset-9 { margin-left:75%; }
	.col-xxxs-offset-8 { margin-left:66.66666667%; }
	.col-xxxs-offset-7 { margin-left:58.33333333%; }
	.col-xxxs-offset-6 { margin-left:50%; }
	.col-xxxs-offset-5 { margin-left:41.66666667%; }
	.col-xxxs-offset-4 { margin-left:33.33333333%; }
	.col-xxxs-offset-3 { margin-left:25%; }
	.col-xxxs-offset-2 { margin-left:16.66666667% ;}
	.col-xxxs-offset-1 { margin-left:8.33333333%; }
	.col-xxxs-offset-0{ margin-left:0; }
	
	.col-xxxs-1 { width:8.33333333%; }
	.col-xxxs-2 { width:16.66666667%; }
	.col-xxxs-3 { width:25%; }
	.col-xxxs-4 { width:33.33333333%; }
	.col-xxxs-5 { width:41.66666667%; }
	.col-xxxs-6 { width:50%; }
	.col-xxxs-7 { width:58.33333333%; }
	.col-xxxs-8 { width:66.66666667%; }
	.col-xxxs-9 { width:75%; }
	.col-xxxs-10 { 83.33333333%; }
	.col-xxxs-11 { width:91.66666667%; }
	.col-xxxs-12 { width: 100%; }
}