/* SoftSlate Base Style Sheet. */
/* For easier upgrades, override these styles in ../custom/custom.css and leave this file alone. */

/* ************************* GLOBAL STYLES  ********************* */
html {
	overflow-y:scroll;
}
.row > .category .name a {
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
}
[data-lightbox]{
	cursor:zoom-in;
}
#iframesVideos [data-lightbox] {
	cursor: pointer;
}
.form-control.short{
	width:inherit;
	display:inline-block;
}
.viewAllLink {
	text-align: center;
}
.subcategoryList {
	margin-bottom: 40px;
}
#messages {
	margin-top: 10px;
}
.page-header {
	margin-top: 0;
}
.page-header h1{
	margin-top: 0;
}
/* Global styles - small devices (tablets, 768px and up) */
@media (min-width:768px) {
	#crumbs, #checkoutBreadcrumbs{
		margin-top:10px;
		margin-bottom:10px;
	}
	.mainLayout{
		padding-left: 0;
		padding-right: 0;
	}
	#categoryTree {
		margin-top: 0;
	}
	.page-header {
		margin-top: 40px;
	}
}
/* Global styles - medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.innerContent > .row > * {
		overflow:hidden;
	}
}

/* ************************* HEADER ********************* */
#storeName {
	margin-top: 0;
}
#storeName a {
	text-decoration: none;
}
#storeName, #storeLogo {
	text-align: center;
	margin-bottom: 10px;
}
#storeLogo img {
	height: 40px;
}
#searchForm {
	margin-bottom:15px;
}
#storeLinks a span.linkText{
	display: none;
}
.search-collapse {
	width: 100%;
}
/* Header - small devices (tablets, 768px and up) */
@media (min-width:768px) {
	header .container {
		padding: 0;
	}
	#storeName, #storeLogo {
		text-align: left;
	}
	#storeLogo img {
		height: 48px;
	}
	#storeLinks a{
		padding:5px 15px;
	}
	#storeLinks a span.linkText{
		display: inline;
	}
	.search-collapse {
		width: 33.3333%;
	}
}

/* ************************* TOP NAVIGATION ********************* */
#topNav {
	margin-bottom: 10px;
    min-height: 30px;
	width: 100%;
}
#topNav .navbar-nav>li {
	float:left;
}
#topNav .navbar-right {
	float:right!important;
}

/* ************************* MAIN NAVIGATION ********************* */
#navigation{
	margin:0 15px 15px 15px;
	border-top: 1px solid #E7E7E7;
}
#navigation ul{
	width: 100%;
}
#navigation li{
	display:block;
	position:relative;
	width:100%;
}
#navigation #categoryTreeTopLevel a{
	display:block;
	padding:10px 10px 10px 20px;
}
#navigation #categoryTree {
	margin-top: 0px;
}
#navigation #categoryTreeTopLevel a {
	text-decoration:none;
}
#navigation a .glyphicon {
	cursor:pointer;
	font-size:0.8em;
}
/* Main navigation - small devices (tablets, 768px and up) */
@media (min-width:768px) {
	#navigation{
		margin:0;
		padding-left: 0;
	}
	#navigation ul{
		width: auto;
	}
	#navigation li{
		display:block;
		position:relative;
		width:auto;
	}
	#navigation #categoryTreeTopLevel {
		width:300px;
	}
}

/* ************************* FOOTER AND PANELS ********************* */
.panels {
	margin-top: 15px;
}
.panel img {
	float: left;
	margin: 0 10px 10px 0;
}
a.miniCartCheckout{
	float: right;
}
footer{
	padding-bottom:10px;
	text-align:center;
}
@media (min-width: 768px) {
	#footerNavbar {
		display: inline-block;
		float: none;
    }
	#footerNavbar .navbar-collapse {
		text-align: center;
 	}
}

/* ************************* HOME PAGE  ********************* */
#category-_welcome .pageTitle{
	margin-top:20px;
}
.carousel .item img {
	width: 100%;
}
.carousel-caption {
	font-size: 1em;
}
/* Home page - small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.carousel {
		margin-top: 15px;
	}
	.carousel-caption {
		font-size: 2em;
	}
	.mainContainer, .carouselContainer {
		padding: 0;
	}
}
/* Home page - large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
	#homeFeatured a.product{
		margin:5px 0 5px -15px;
	}
}

/* ************************* PRODUCT LISTS ********************* */
.productList .product{
	display:block;
	padding: 5px 0;
}
.productList a.productLink{
	text-decoration: none;
	display:block;
	padding: 10px;
}
.productList .thumbnail {
	overflow:hidden;
	position:relative;
	width:100%;
	padding: 20px 10px 45px 0;
}
.productList .thumbnail:hover, .productList .thumbnail:focus, .productList .thumbnail.active {
    border-color: #428BCA;
}
.productList .product h5{
	display:block;
	margin-top: 0;
}
.productList .product .image{
	float:left;
	text-align:center;
	padding-right: 10px;
	padding-bottom: 10px;
}
.productList .product .viewDetails{
	background-color:#eee;
	bottom:0px;
	height:45px;
	line-height:45px;
	margin:0;
	padding:0 10px;
	position:absolute;
	width:100%;
}
.productList .product .viewDetails a.productListDetails{
	margin: 10px 0 0 0;
	float: right;
}
.productList .product .price{
	color:inherit;
}
.prodListControls > div {
	margin-bottom:10px;
	padding-bottom:10px;
}
.productListPagination {
	text-align: left;
	margin: 0;
}
.productListPagination .pageNumber {
	white-space: nowrap;
}
a.sortBy {
	text-decoration: none;
}
/* Product Lists - small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.productList .product{
		padding:5px 0px 5px 10px;
	}
}
/* Product Lists - medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.productListPagination {
		text-align: right;
		float: right;
	}
	.sortByLinks {
		text-align: center;
	}
}
/* Product Lists - large desktops, 1200px and up) */
@media (min-width:1200px) {
	.productList .product h5{
		float:none;
		margin: 10px 0;
	}
	.productList .product .image{
		float:none;
		padding-right: 0px;
	}
	.productList .product .viewDetails{
		bottom:-45px;
	}
	.productList .product:hover .viewDetails{
		bottom:	0px;
	}
	.productList .product .viewDetails .glyphicon{
		float:none;
		margin-top:0;
	}
}

/* ************************* FACETED SEARCH ********************* */
.filterButton {
	background: none;
	border: none;
	margin-left: 15px;
}
#facetedSearch {
	padding-right: 0;
	max-height: inherit !important;
	overflow-y: inherit !important;
}
.facetResultHeading {
	font-size: inherit;
}
#facetedSearch ul {
	list-style: none;
}
#facetedSearch label {
	font-weight: normal;
}
.facetedSearchColumnLeft {
	padding-right: 0;
}
.facetedSearchColumnRight {
	padding-left: 0;
}
.facetSelection {
	font-weight: normal;
	display: inline-block;
	margin: 5px;
}
.facetSelection:hover {
	text-decoration: underline;
	cursor: pointer;
}

/* ************************* PRODUCT PAGE ********************* */
#productContent .productLeft{
	overflow:hidden;
}
#cartItemDeleteForm {
	margin-top:10px;
}
#productContent .image{
	text-align:left;
}
.addToCartPanel .expanded.attribute .radio input[type="radio"]{
	float:none;
	margin-left: 0;
}
input.quantity {
	display:inline-block;
	width:50px;
}
#additionalImages, #iframesVideos {
	margin: 10px;
}
.additionalImage {
	padding: 5px
}
#productDetails {
	padding-bottom: 10px;
}
.productLeft .tab-pane {
	padding-top: 10px;
}
.productLeft #productTabs a {
	white-space: nowrap;
}
#productInfo .panel {
	margin-top: 5px;
}
.starImages {
	white-space: nowrap;
}

/* ************************* CART PAGE ********************* */
.cartItem {
	margin-bottom: 20px;
}
.cartItemEditForm {
	text-align: right;
}
.cartQuantity, .cartItemDiscountDetails {
	margin-top: 10px;
}
.cartItemImageAndDetails div {
	padding: 0;
}
.cartItemImageLink {
	float: left;
	display: block;
	margin: 0 5px 5px 0;
}
.cartItemTotal h4, .discountTotal h4 {
	text-align: right;
	float: right;
}
#cartButtons{
	padding:5px;
	text-align:center;
}
#cartButtons form {
	display:inline-block;
	margin:5px;
}
.cartOps {
	margin-top: 20px;
}
.cartOps h3{
	margin-top: 0;
}
#checkoutForm {
	margin-top: 20px;
}
#paypalExpressLink {
	display: block;
	margin-top: 15px;
}

/* Cart page - small devices */
@media (min-width:768px) {
	.cartUpdateForm {
		text-align: center;
	}
}

/* Cart page - medium devices (desktops, 992px and up) */
@media (min-width:992px) {
	.cartOps {
		margin-top: 0;
	}
	.cartPanels > *{
		margin-left:-15px;
		margin-top:0;
	}
}

/* ************************* CUSTOMER ACCOUNT PAGES ********************* */
.panelFooterText{
	display:inline;
	float:right;
	padding-top:7px;
}
#accountNavigation{
	margin-bottom:10px;
}
#accountAddressesPage .form-group,
#checkoutComboShippingPage .form-group,
#checkoutComboPage .form-group{
	margin-bottom:7px;
}
#wishListEdit p.instructions {
	margin-top: 10px;
}


/* ************************* CHECKOUT PAGES ********************* */
#creditCardSecurityCode{
	width:60%;
	display:inline-block;
}
#onePageCheckout {
	margin-top: 20px;
}
#onePageCheckout .panel {
	margin-bottom: 5px;
}
#onePageCheckout .panel .panel {
	margin-bottom: 20px;
}
.orderDetailsContainer {
	padding: 0;
}
.orderTotalLabel{
	text-align:right;
	width:90% ;
}
.orderTotalAmount, .orderDetailsContainer table .total {
	text-align: right;
}
input#updateCustomer, input#deliveryUseBilling {
	margin-left: -15px;
	min-height: 22px;
}

@media (min-width:1200px) {
	.panelHeadingCheckbox{
		position:absolute;
		right:25px;
		top:3px;
	}
}

/* Address Book */
.loadingBar{background:url(../../images/wait.gif) no-repeat center center; height: 20px;}
.addressBookDefault{background:url(../../images/checkmark_small.gif) no-repeat center;padding-right:12px;margin-left:5px;}
.addressBookActions{white-space:nowrap;}
#addressBookPopup{text-align:left;min-width:400px;}
#addressBookPopupButtons{ float: left; margin-top: 10px; text-align:center;}
.deleteAddressBookAddress {margin-top: 15px; padding: 0;}
.addressBookChoose {text-align: right;}
.addressBookActionsAndAddress, .addressBookAddress {padding: 0}
.addressBookChoose { padding-bottom: 15px;}

/* Ajax */
.ajaxError{padding:1px 4px;font-weight:bold;background-color:#ff0000;color:#fff;}
.ajaxWarning{padding:1px 4px;font-weight:bold;background-color:#ffff00;}
.ajaxMessage{padding:1px 4px;font-weight:bold;background-color:#00ff00;}
#ajaxErrorsList, ul#ajaxMessagesList{list-style-type:none;}

/* CIM */
.cimHostedForm{text-align:left; font-weight: bold;}
.cimProfileEdit{white-space:nowrap;}
.cimProfileAddLinkDiv{margin:1em;}
.cimChoosePaymentMethod{font-weight:bold;margin:0 0 1em;}

#authorizeNetAPIPopup{text-align:left;min-width:400px;}
#authorizeNetAPIPopupButtons{text-align:center;}
#authorizeNetAPIPopupAdd{text-align:left;min-width:400px;}
#authorizeNetAPIPopupAddButtons{text-align:center;}
.ui-dialog { z-index: 1100 !important; }

/* Preload images */
body:after {
  content: url(close.png) url(loading.gif) url(prev.png) url(next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: none;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(loading.gif) no-repeat;
}

.lb-prev {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-next {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

a.lb-prev, a.lb-next {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

a.lb-prev {
  width: 15%;
  left: 0;
  float: left;
  margin-top: -50px;
	background: url(prev.png) left top no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

a.lb-prev:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

a.lb-next {
  width: 15%;
  right: 0;
  float: right;
  margin-top: -50px;
background: url(next.png) right top no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;s
}

a.lb-next:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* helpers */
.ani100{
	-webkit-transition:all 100ms linear;-moz-transition:all 100ms linear;-o-transition:all 100ms linear;-ms-transition:all 100ms linear;transition:all 100ms linear;
	-webkit-animation-duration:100ms;-moz-animation-duration:100ms;-o-animation-duration:100ms;animation-duration:100ms;
}
.ani200{
	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;
	-webkit-animation-duration:200ms;-moz-animation-duration:200ms;-o-animation-duration:200ms;animation-duration:200ms;
}
.ani300{
	-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;
	-webkit-animation-duration:300ms;-moz-animation-duration:300ms;-o-animation-duration:300ms;animation-duration:300ms;
}
.ani500{
	-webkit-transition:all 500ms linear;-moz-transition:all 500ms linear;-o-transition:all 500ms linear;-ms-transition:all 500ms linear;transition:all 500ms linear;
	-webkit-animation-duration:500ms;-moz-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms;
}
.ani1000{
	-webkit-transition:all 1000ms linear;-moz-transition:all 1000ms linear;-o-transition:all 1000ms linear;-ms-transition:all 1000ms linear;transition:all 1000ms linear;
	-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;
}
.flush{overflow:hidden;}
