.billing-field{
	clear:both;
	display: block
}

@media (max-width: 768px) and (min-width: 569px) {

	#listMenu #addList, body #listMenu #addOrder{
		right: 120px !important;
	}

	


}


.hasTooltip .tooltip{
	margin-top: 10px;
}


@media (max-width: 1200px) and (min-width: 569px) {


	#ordersMain .block i{
		top: 10px;
	}

	#ordersMain .block .inside {
		padding: 5px;
	}

	#listMenu h1{
		font-size: 13px;
	}

	#listMenu .order-status{
		top: 8px !important;
	}

	#listsMain .controls .btn i, #sharedMain .controls .btn i{
		font-size: 15px;
		top: 1;
		margin-right: 5px;
	}

	#listMenu li.alert, #sharedMenu li.alert {
		font-size: 12px;
		padding: 8px 20px 11px 20px;
	}

	#listMenu li.alert span, #sharedMenu li.alert span, #ordersMain .editOrderForm, #ordersMain #editOrder, #ordersMain .print-order{
		font-size: 12px;
	}

	#listsMain .header #listName, #sharedMain .header #listName{
		font-size: 18px;
	}

	#jrPivot .btn {
		padding: 10px 15px;
	}

	.btn{
		font-size: 12px;
	}

	#listMenu #addList, body #listMenu #addOrder{
		font-size: 12px;
	}


	#aside #back span{
		display:none;
	}

	#aside .nav {
		margin-bottom: 0;
	}
	
	#aside #back {
		left: 0;
	}

	#jrPivot.open{
		width:auto;
		left:100px !important;
		right:0;
	}

	#aside{
		width: 100px !important;
		margin: 0 0 0 -100px !important;
	}

	#aside .sideTabs li a {
		color: #CCC;
		text-align: center !important;
		display: block;
		padding: 20px 0 15px 0 !important;
		margin: 0;
		border: none;
	}

	#aside .sideTabs {
		width:100px !important;
		font-size: 38px !important;
	}

	#aside .sideTabs li a span {
		display: block !important;
	}

	#aside .sideTabs{
		width: 100% !important;
	}

	#aside #back .disc {
		height: 80px !important;
		line-height: 70px !important;
		font-size: 25px !important;
		width: 100px !important;
	}

	#aside .sideTabs li .badge {
		color: #FFF !important;
		background: #83AB96;
		padding: 2px 6px !important;
		position: absolute;
		top: 42px !important;
		right: 30px !important;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		border-radius: 9px;
		height: 12px !important;
		width: auto !important;
	}

	#listsMain, #sharedMain{
		right:100px !important;
	}

	#listsMain li .price, #sharedMain li .price{
		right:100px !important;
	}
	#ordersMain{
		right:100px !important;
	}
	#usersMain {
		right: 100px !important;
	}
	#newsArea, #productArea{
		padding:0 100px 0 0 !important;
	}


	#listsMain li .price, #sharedMain li .price{
		right: 20px !important;
	}





	#aside #back{
		position: relative;
		float: left;
		top: inherit;
		margin-top: 0;
	}

	#aside #back .disc{
		border-radius: 0;
		height: 35px;
		line-height: 30px;
		font-size: 15px;
		padding-top: 5px;
	}

	#aside #back .disc i{
		padding-top: 4px;

	}

	#addModal{
		position: fixed;
		/*margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		height: 100%;
		width: 100%;*/
	}

}




#isotope .card.list span.ipad-price{
	display: none;
}


@media (max-width : 960px) {

	#isotope .card.list .btn i{
		display: inline-block;
	}

	#isotope .card .info,
	#isotope .card .inner .icons li{
		display:none !important;
	}


	#isotope .card .inner .icons li.productComment{
		display: block !important;
	}

	#isotope .card .details{
		margin-right: 130px !important;
	}

	#isotope .card .details{
		display:none !important;
	}

	.ipad-price{
		float: right !important;
		width: 80px;
		display: block !important;
		margin-right: 180px;
		line-height: 17px;
	}
	#isotope .card .btn i{
		font-size:21px;
		display: inline-block;
	}
	#isotope .card .btn{
		height:100% !important;
		font-size:0px;
		line-height:68px;
		padding:0 12px 0 8px;
		margin:0;
		border-width:2px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		position:absolute;
		top:0; right:0 !important;
	}

	#isotope .card .btn i{
		display: inline-block;
		margin: auto;
	}
}

/****************************************************

	PORTRAIT TABLET AND DOWN

*****************************************************/
@media (max-width: 768px) {

	body #ordersMain #orderInfo{
		box-shadow: none;
	}

	#isotope .card.list span.ipad-price{
		margin-right: 0px !important;
		line-height: 14px !important;
	}

	#productCommentTextarea{
		width: 100% !important;
		box-sizing: border-box;
	}

	#isotope .card .inner .icons{
		top: 0;
		right: 70px;
	}

	.row-fluid{
		width: 100%;
	}

	.row-fluid .span2{
		width: 100%;
	}

	#listsMain .header, #sharedMain .header{
		border-bottom: 2px solid #CCC !important;
		margin-bottom: 0px !important;
		padding-bottom: 10px !important;
	}

	#listsMain .listTotalPrice, #sharedMain .listTotalPrice{
		margin-top: 10px;
	}

	#listsMain .footer, #sharedMain .footer{
		padding-top: 40px;
	}

	.deleteList{
		display: none;
	}

	#listsMain li .price, #sharedMain li .price{
		right: 10px !important;
	}

	#listsMain li .weight, #sharedMain li .weight{
		right: 70px !important;
	}

	#listsMain li .title .itemName, #sharedMain li .title .itemName{
		width: 60% !important;
	}

	#listMenu li .icon-cog{
		display: none !important;
	}
}










.scrollMe{
	color:#FFF;
	width:75px;
	font-weight:700;
	text-transform:uppercase;
	line-height:20px;
	text-align:center;
	border-radius:5px;
	background:#182D36;
	padding:10px 0;
	bottom:20px;
	opacity:0.8;
}
.scrollMe i{
	display:block;
}





body{
	overflow-y: scroll;
}
body.user-body{
	background:#F9F9F9;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
body.modal-open {
   overflow: hidden;
}

.iframe-html{
	height: 100%;
	overflow: auto;
}

.user-body{
	height: 100%;
	padding: 0 !important;
}

#user-profile-form{
	padding: 0px 10px 10px 10px;
	margin-bottom: 60px;
}

#back{
	display: none;
}

/* Admin Menu Styles */

#admin-menu{
	position: fixed;
	z-index: 9999;
}

#toppanel-head{
	display: none;
}

#measurements{
	display: none;
}

/* THE LIGHT SIDE */

#products .controls{
	width: 100%;
	float: left;
	padding: 0px !important;
}

#product-filters{
	float: right;
}

#products .controls #controls-inner{
	padding: 20px;
	overflow: auto;
}

/*  THE DARK SIDE! */
#listsMain,
#sharedMain,
#ordersMain{
	right: 200px;
}

/* Products */

#productArea{
	float: left;
}

#products{
	float: left;
	width: 100%;
	position: relative;
}

#products-ajax, #isotope{
	position: relative;
	height: 100%;
}



#products-ajax{
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}

.search{
	height: 37px;
}

#search-filter-form{
	position: relative;
	float: left;
}

.remove-filters{
	font-size: 24px;
	float: left;
	margin: 16px 0px 15px 5px;
	cursor: pointer;
}

.remove-search{
	font-size: 24px;
	float: left;
	margin: 6px 0px 15px 15px;
	cursor: pointer;	
}

#isotope .card .info .infoPop p{
	margin-top: 10px;
}

/* List Tab Styles */

.changeList{
	display: none;
	float: right;
	margin-right: 0px;
}

.listForm{
	padding: 0px;
	margin: 0px;
}

#addListField, #editListField, .productQuantity{
	margin-bottom: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
	color: #ffffff;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	height: 17px;
	margin-top: -2px;
	font-size: 14px;
	font-weight: 400;
	
	font-weight: normal;
	line-height: 17px;
}

.productQuantity{
	width: 40px;
	background-color: #83AB96;
}

#listsMain, #sharedMain{
	bottom: 0px;
	top: 0px;
}

#listsMain li .title, #sharedMain li .title{
	width: 65%;
}



#listsMain li .infoContainer, #sharedMain li .infoContainer{
	display: inline-block;
	margin-left: 10px;
}

#listsMain .footer .controls, #sharedMain .footer .controls{
	width: 100%;
}

#listsMain .footer .controls .pull-left, #sharedMain .footer .controls .pull-left{
	margin: 0px;
}


#listMenu li.new .icon-cog:hover{
	cursor:default;
	opacity:0;
}

#listMenu li.new:hover .icon-cog{
	display: none;
	cursor: default;
}


#listMenu .scroller{
	width: 100%;
}
	
#listMenu .scroller, #listsMain ul, #sharedMain ul  {
	/* overflow-y: hidden; */
}

#listMenu li span{
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#myLists ul li span{
	margin-right: 10px;
}

.info{
	float: left;
}

#listWrap .info {
	background: none repeat scroll 0 0 #AAAAAA;
	border-radius: 1000px 1000px 1000px 1000px;
	position: relative;
	color: #FFFFFF;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	float: left;
	margin: 0px 0px -6px 0px;
}

.infoPop{
	display: none;
	position: absolute;
}


.btn-success{
	float: right;
}

#listsMain .controls span, #sharedMain .controls span{
	float: right;
}


#listsMain .controls span.deleteList, #sharedMain .controls span.deleteList{
	float: left;
}

#addToListsTab .inner{
	color: #ffffff;
}

.qty{
	font-weight: bold;
	color: #ffffff;
}







/* Orders Styles */

.progress .bar{
	border: none;
	margin: 0px;
}

.deleteProductCheck{
	display: none;
}
.remove{
	color: #FFF;
	width: 25px;
	height: 25px;
	font-size: 18px;
	font-weight: none;
	text-align: center;
	line-height: 23px;
	background: #E76F6F;
	display: block;
	border-radius: 1000px;
	position: absolute;
	top: 8px;
	right: -40px;
}


/**
 * .btn (DA) I know this makes the buttons thinner, but at the present, the
 * product search button is now the correct height (chrome), and as a bonus, things
 * are less clunky.
 */

.btn{
	line-height: inherit;
}

/*.deleteActive{
	background-color: rgba(231, 111, 111, 0.2) !important;
}*/



#products .controls #isoSearch{
	height: 31px;
}


.card .inner{
	height: 226px;
}

#isotope .list, #isotope .list .inner{
	height: 55px;
	margin-bottom: 10px;
}

#isotope .card.list .details .per{
	width: 100px;
}

#isotope .card.list span{
	float: left;
}


#isotope .card.list .details .price{
	width: 70px;
}

.no-item-text{
	margin-left: 10px;
}

.details .price small{
	font-size: 9px;
	color: #888;
}

/* ORDERS */

#aside .sideTabs li a span{
	font-size: 12px; margin-bottom: 0px; padding-bottom: 0px;
}

/*html, body, .scrollable {
    overflow: auto; 
    -webkit-overflow-scrolling: touch;
}
*/

/*#listWrap .info .infoPop{
	width:320px;
	height:200px;
	background:#FFF;
	text-align:left;
	border:1px solid #EEE;
	border-radius:4px;
	padding:15px;
	position:fixed;
	z-index:9000;
	-webkit-box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 10px 5px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 10px 5px rgba(0, 0, 0, 0.2);
	display:none;
}
#listWrap .info .infoPop h1,
#listWrap .info .infoPop h2{
	color:#333;
	line-height:1.2em;
	text-align:left;
	font-size:16px;
	margin:0;
	padding:0 40px 0 0;
}
#listWrap .info .infoPop h2{
	color:#888;
	font-size:12px;
	font-weight:600;
	font-style:italic;
	line-height:1em;
	background:#F4F4F4;
	border-radius:1000px;
	margin:12px 0 0 0;
	padding:6px 10px;
	display:inline-block;
}
#listWrap .info .infoPop .infoPopPackaged{
	color:#333;
	height:auto;
	font-size:12px;
	padding:0;
	margin:12px 0;
}
#listWrap .info .infoPop p{
	color:#666;
	height:55px;
	font-size:12px;
	line-height:1.5em;
	padding:0 50px 0 0;
}
#listWrap .info .infoPop .infoPopPrice{
	color:#333;
	font-size:21px;
	margin:0; padding:0;
	background:transparent;
}
#listWrap .info .infoPop .infoPopPrice small{
	color:#888;
	font-size:12px;
}
#listWrap .info .infoPop .infoPopIcons{
	width:30px;
	position:absolute;
	top:10px; right:10px;
}
#listWrap .info .infoPop .infoPopIcons span{
	width:30px;
	height:30px;
	margin:0 0 5px 0;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopTraffic{
	font-size:24px;
	line-height:30px;
	text-align:center;
	border-radius:100px;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopTraffic.red{
	color:#B23A3A;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopTraffic.amber{
	color:#FF921E;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopTraffic.green{
	color:#66D070;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopFrozen{
	color:#62D1FF;
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:400;
}
#listWrap .info .infoPop .infoPopIcons span.infoPopWeight{
	color:#555;
	font-weight:900;
	text-align:center;
	letter-spacing:-2px;
}*/

.listTotalPrice .totalPrice{
	font-size: 24px;
}

.listTotalPrice{
	float: right;
	color: #B3C8D1;
}

.order-category, .list-category{
	background-color: #ffffff !important;
}


#listsMain li.list-category .title, #sharedMain li.list-category .title{
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}

li.list-category{
	color: #444;
	border-bottom: 2px solid #DDD;
	background: transparent !important;
	border-radius: 0;
	margin: 15px 0 5px 0;
}
#listsMain li.list-category:first-child, #sharedMain li.list-category:first-child {
	margin: 0 0 5px 0;
}

#addModal .tab-pane .inner{
	height: 320px;
	overflow: auto;
}

#addModal footer {
	height: auto;
	overflow: auto;
}

#productCommentTextarea{
	width: 740px;
	height: 170px;
	padding: 10px;
	resize: none;
}

#productCommentCheckbox{
	float: left;
}
#productCommentCheckboxText{
	margin: 0px 10px;
	float: left;
}

.productComment, .listProductComment, .orderProductComment{
	cursor: pointer;

}




#listWrap .listProduct .infoContainer .info:hover .infoPop{
	display:block;
}

#listWrap li .info:hover {
	color: #2A7389;
	border-color: #2A7389;
}

#listWrap .listProduct .infoContainer .info .infoPop{
	width:120px;
	height:187px;
	background:#2A7389;
	text-align:left;
	border:1px solid;
	border:0;
	border-radius:4px;
	padding:15px;
	position:fixed;
	top:32px; left:0;
	z-index:9000;
	display:none;
}
#listWrap .listProduct .infoContainer .info .infoPop:before {
	width:0; 
	height:0;
	margin:0 0 0 -5px;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom: 8px solid #2A7389;
	content:" ";
	position:absolute;
	top:-7px; right:1px;
}
#listWrap .listProduct .infoContainer .info .infoPop{
	top:0px; left:30px;
}
#listWrap .listProduct .infoContainer .info .infoPop:before{
	border-right:8px solid #2A7389;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;;
	left:-10px; top:1px;
}
#listWrap .listProduct .infoContainer .infoPop .infoPopPrice{
	line-height:1em;
}
#listWrap .listProduct .infoContainer .info .infoPop p{
	color:#FFF;
	line-height:1.5em;
	font-size:11px;
	margin:0; padding:0;
}
#listWrap .listProduct .infoContainer .info .infoPop .infoPopPrice{
	color:#FFF;
	font-size:14px;
	text-align:left;
	margin:20px 0 0 0; padding:0;
}
#listWrap .listProduct .infoContainer .info .infoPop .infoPopPrice small{
	color:#CCC;
}
#listWrap .listProduct .infoContainer .info .infoPop h1{
	display:none;
}
#listWrap .listProduct .infoContainer .info .infoPop h2{
	color:#FFF;
	line-height:1.2em;
	text-align:left;
	font-size:16px;
	margin:0;
	padding:0 40px 0 0;
}
#listWrap .listProduct .infoContainer .info .infoPop h2{
	color:#FFF;
	font-size:12px;
	font-weight:600;
	font-style:italic;
	line-height:1em;
	background:#F4F4F4;
	border-radius:1000px;
	margin:12px 0 0 0;
	padding:6px 10px;
	display:inline-block;
}
#listWrap .listProduct .infoContainer .info .infoPop .packaged{
	color:#FFF;
	height:auto;
	font-size:12px;
	padding:0;
	margin:12px 0;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons{
	width:30px;
	position:absolute;
	top:10px; right:10px;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li{
	width:30px;
	height:30px;
	margin:0 0 5px 0;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.traffic{
	font-size:24px;
	line-height:30px;
	text-align:center;
	border-radius:100px;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.traffic.red{
	color:#B23A3A;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.traffic.amber{
	color:#FF921E;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.traffic.green{
	color:#66D070;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.frozen{
	color:#62D1FF;
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:400;
}
#listWrap .listProduct .infoContainer .info .infoPop .icons li.weight{
	color:#FFF;
	font-weight:900;
	text-align:center;
	letter-spacing:-2px;
}
.article{
	width: 25%;
	float: left;
	cursor: pointer;
	height: 200px;
	margin-bottom: 30px;
}

.article-inner{
	height: 100%;
	margin: 0px 2%;
	padding: 2%;
	border: 1px solid #eee;
}

.article-title h4 a{
	font-size: 25px;
}
.article-inner:hover{
	background-color: #eee;
}
.article-image{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#catchAllModal{
	/*overflow-y: scroll;*/
}

#catchAllModalInner{
	overflow-y: scroll;
	height: 100%;
}
.modal-body{
	overflow: scroll;
}

.article-single-image{
	float: left;
}


/* Contact Us Iframe */

.modal-body iframe{
	border: none;
	width: 100%;
	height: 450px;
}

#catchAllModal .modal-body .view{
	position: relative;
	height: 100%;
	overflow: hidden;
}

.webform-page .form-item label {
	width: 100%;
}

.webform-page .form-item input{
	float: none !important;
}

.no-products{
	padding-top: 125px !important;
	font-size: 12px !important;
}



.vessel-billing legend{
	margin-top: 14px;
}

.scrollMe{
	bottom: 0;
	width: 60px;
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
	padding: 10px 20px;
}

.ordersMain{
	background-color: #ffffff;
}

.back-to-menu{
	display: none;
}

@media (max-width: 768px) {

	.back-to-menu{
		display: block;
		float: left !important;
		padding: 10px 15px !important;
	}

	.deleteList, .delete-order{
		display: none;
	}


}