/* 
    Document   : styles
    Created on : Dec 9, 2012, 5:48:08 PM
    Author     : blainpurtle
    Description:
        Purpose of the stylesheet follows.
*/


body {
	margin: 26px 0 40px 0;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #F6F4F5;
	/*background-color: #E0E0E0;*/
	position: relative;
}

.navbar-fixed-top{
	margin-bottom: 0px;
	position: fixed;
}

.home-navbar {
	background-color: #BA212A !important;
}

.home-navbar {
	color: #ffffff;
	/*background-image: linear-gradient(to bottom, #BA212A, #BA212A);*/
	height: 25px;
	min-height: 25px;
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
	padding-right: 18px;
}

.home-navbar a:hover{
	color: #ffffff !important;
	text-decoration: underline !important;
}

.navbar .container { height: 1em; }


/* bootstrap mod to show menu on hover instead of click */
.dropdown-menu .sub-menu {
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: -1px;
	visibility: hidden;
}

/* reduce margin to eliminate the chance of the menu going away as you are relying on :hover */
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
}

.home-navbar .nav > li > a{
	color: #ffffff;
	padding: 0px 10px 0px 0px;
	text-shadow: none;
}


.logo{
	min-width: 200px ;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.search_box{
	min-width: 312px;
	padding-right: 20px;
}

.search_box_small{
	min-width: 320px;
	line-height: 30px;
	padding-right: 20px;
	height: 30px;
	background-color: transparent;
}

.search_box_small > div{
	margin-top: 5px !important;
}


span.bull{
	font-size: 25px;
	color: #cccccc;
}

li.bull{
	margin-top:8px;
}

div.list_item{
	border-top: 1px solid #D2D2D2;
	padding: 5px 0 5px 0;
}

div.no_border{
	border: none;
}

div.message_picture{
	float: left;
	margin-right:5px;
}

p.message_time{
	color: #BBBEC9;
}

div.lips-banner{
	background-image: url('http://dirtysecretsboutique.com/static/img/lips_banner.gif');
	background-repeat: no-repeat;
	background-color: #A1A1A1;


}

div.lips-banner-small{
	background-image: url('http://dirtysecretsboutique.com/static/img/lips_banner.gif');
	background-repeat: no-repeat;
	background-color: #A1A1A1;
	background-position: 0px -25px;	
	height: 76px;
}

.container-fluid{
	padding-right: 0px;
	padding-left: 0px;
}



.home-navs, .home-navs .navbar-inner{
	padding-left: 5px;
	padding-right: 5px;
	background-color: #4C4B4B !important;
	background-image: none;
	border-color: #4C4B4B !important;
	min-height: 35px;
	margin-bottom: 0px;
	filter: none; 
	box-shadow: none;

}
.navbar-inner{
	background-color: #BA212A !important;
}
.navbar .btn-navbar{
	float: left;
}

.fake-body{
	padding-right: 50px;
	padding-left: 50px;
	position: relative;
}

/*.home-navs  .nav{
	border-bottom: thin solid black;
}*/

.small-bottom-margin .nav-pills{
	margin-bottom: 0px;
}

.green-banner{
	background-color: #849F27;
	text-align: center;
	font-size: 1.5em;
	line-height: 40px;
	color: #ffffff;
}

.navbar-inner{
	background-image: none;
	filter: none !important;
}

.profile_page .control-label{
	padding-top: 0;
	font-weight: bold;
}

.collapse.in {
	background-color: #4C4B4B;
}

ul { list-style-type: none; }

.item_textarea{
	width: 100%;
	padding: 0px;
}

/*Grouped forms start*/
.item-input-form{
	margin: 20px;
}
.form-group{
	font-size: 1.2em;
}

.form-group tr{
	height: 40px;

}


.form-group td{
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	vertical-align: middle;
}

.form-group tr td:first-child{
	padding-right: 10px;
	text-align: right;
	width: 20%;
	background-color: #F5F5F5;
}


.form-group input, .form-group select{
	margin: 0px;
	padding: 0px;
	left: 10px;
	border: none;
	width: 97%;
	border-radius:0px; 
	-moz-border-radius:0px; 
	-webkit-border-radius:0px; 
	box-shadow: none;
	height: 40px;
	font-size: 1.2em;
	vertical-align: middle;
	background-image: none;
	background-color: #ffffff;
	-webkit-appearance: none;


}

td.input_prefix{
	width: 15px;
	border-right: none;
}

td.input_prefix + td{
	border-left: none;
}

.form-group input{
	font-size: 1.2em !important;
}

.empty{
	color: #999999;
}


.image-upload{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	width: 60px;
	height: 60px;
	border: 1px dashed #999999;
	text-align: center;
	color: #999999;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto;
	font-size: .8em;

}

.fileinput-button{
	margin-right: auto !important;
}

.image-upload .camera{
	width: 30px;

}

#covershot-text{
	text-align: center;
	color: #999999;
	font-size: 1.1em;
}


.image-upload-list-parent{
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;

	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

.image-upload-list{
	height: 65px;
	width: 65px;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	zoom: 1

}

.stretch {
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

.image-upload-list-well{
	margin: 0px;
	padding: 0px;
}

form#fileupload{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.fileinput-button{
	float: none !important;
}

.image_delete{
	line-height: 9px;
	position: absolute;
	top: 0px;
	right: 0px;
}

a.item_link{
	color: #000000;
	text-decoration: none;
}

.view-folder-container a{
	color: #000000;
	text-decoration: none;
}

.list_price{
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 5px;
}

.original_price{
	color: #999999;
	text-decoration: line-through;
	margin-right: 5px;
}

.folder_item_desc{
	display: block;
	padding: 15px;
}

.bottom-button-bar{
	padding: 0px 10px 10px 0px;
	padding-left: 15px;
	position: fixed !important;
	background-color: #000000;
	height: 50px;

}

.bottom-button-bar .nav{
	width: 100%;
}

.bottom-button-bar li{
	width: 20%;
}

.bottom-button-bar a{
	padding-top: 4px !important;
	font-size: .6em;
	text-align:center;
	clear: both;
}

.account-nav li a{
	/*display: inline-block;*/
	font-size: 1.2em;
	line-height: 44px;
	display:block;
}

.account-nav li{
	background-color: #ffffff;

}

.account-nav li a{
	color: #000000;
}

#search_results{
	width: 600px;
}

.thumbnail {
	height: 100%;
}

@media (min-width: 1290px) { 
	
	.navbar .nav > li > a {
		padding-right: 14px !important;
		font-size: 1em !important;
	}
}


/* Large desktop */
@media (min-width: 1200px) { 
	.thumbnail {
		height: 405px;
	}
	
	.navbar .nav > li > a {
		padding-right: 7px !important;
		font-size: .9em !important;
	}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1200px) { 
	.thumbnail {
		height: 405px;
	}
	
	.navbar .nav > li > a {
		padding-right: 0px !important;
		font-size: .84em !important;
		padding-left: 10px;
	}
}

@media (min-width: 768px) and (max-width: 813px){
        .search_box_small{
                float: right !important;
        }
        .dropdown{
                float: left;
        }
        .sell_now_button{
                float: left;
        }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#search_results{
		width: 400px;
	}
	body{
		margin-bottom: 80px;
	}
	.folder_thumbnails > li{
		float: left;
		width: 20%;
	}

	.two_row_items li{
		width:40%;
		float: left;
		height: 333px;
		margin-left: 31px;
	}

}

/* Landscape phones and down */
@media (max-width: 480px) {
	div.lips-banner{
		background-position: -150px center;


	}

	div.lips-banner-small{
		background-position: -150px -25px;	
	}

	#search_results{
		width: 294px;
	}
	.thumbnails {
		height: auto !important;
	}
	body{
		margin-bottom: 80px;
	}
	.logo img{
		width: 260px;
	}

	.fake-body{
		padding-right: 15px;
		padding-left: 15px;
	}

	.spotlight_sellers{
		width: 49% !important;
		height: 200px !important;
	}
	.folder_thumbnails > li{
		float: left;
		width: 20%;
	}

	.two_row_items li{
		width:40%;
		float: left;
		height: 333px;
		margin-left: 25px;
	}
}



.item_detail_menu{
	top: 35px;
	width: 390px;
}

.folder_items li{
	height: 375px;
}

.folder_items li img{
	max-height: 243px;
}

a.category_head {
	/*color: #BA212A !important;*/
}

optgroup [label]{
	color: #BA212A !important;
}

.folder_thumbnails li img{
	height: 65px;

}


.spotlight_sellers{
	margin: auto !important;
	display: inline-block !important;
	text-align: center;
	height: 218px;
}

.spotlight_sellers img{
	margin-left: auto;
	margin-right: auto;
	max-height: 190px;
}

.user-info{
	background-color: #DBDBDB;
}

.mobile-button i{
	height: 33px;
	line-height: 28px;
	background-image: none !important;
}

.footer_button_text{
	line-height: 7px;
	margin-top: 0px;
}

footer{
	margin-left: 10px;
	margin-right: 10px;
}

.item{
	margin-bottom: 10px;
}

.thumbnail img{
	max-height: 285px;
}

.affix{
	position: fixed;
	top: 50px;
}

.affix-bottom {
	bottom: 62px;
	position: absolute;
	top: auto;
}

.spotlight_item{
	height: 240px !important;
}

.tiny{
	font-size: .8em !important;
}

.purchase_buttons{
	display: block;
	height: 50px;
}

.fb_link {
	text-decoration: underline !important;
}

.dropdown-menu li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	white-space: nowrap;
}

div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}
 
div.dataTables_length select {
    width: 75px;
}
 
div.dataTables_filter label {
    float: right;
    width: 460px;
}
 
div.dataTables_info {
    padding-top: 8px;
}
 
div.dataTables_paginate {
    float: right;
    margin: 0;
}
 
table {
    margin: 1em 0;
    clear: both;
}

.territory {
	font-size: 1.3em;
}

.well{
	background-color: #ffffff;
	border: 1px solid #A0A0A0;
}