
/*############ FONTS ##############*/

@font-face {
font-family: 'Lato Light';
font-style: normal;
font-weight: 300;
src: local('Lato Light'), local('Lato-Light'), url(/fonts/lato-light-300.woff) format('woff');
}

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(/fonts/open-sans-regular-400.woff) format('woff');
}

body {	
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: 13px;	
}

.navbar .brand, .gillsans_brand { 
	font-family: 'Lato Light', Georgia, serif;
	font-size: 20px; 
	padding: 14px 15px 15px 0px;
	margin: 0px;
	color: #fff;
}

label, input, button, select, textarea {    
	font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}


/*############ LAYOUT STYLES ##############*/


label.cart {
	display:inline;
	float:left;
	width:100px;
	text-align:right;
	padding-right:10px;
	padding-top: 5px;	
}

.navbar .nav > li > a {
	padding: 15px 10px;	
}

.navbar-inner {			
	background-color: #2C2C2C;
	background-image: -moz-linear-gradient(center top , #444444, #222222);
	padding: 15px 0px;
	min-height: 0px;	
} 

.navbar-inner-left {
	width:40%;
	float: left;
}

.navbar-inner-right {
	width:40%;
	float: right;
	text-align: right;
}

legend {
	display: block;
	width: 100%;
	margin-bottom: 27px;
	font-size: 16px;
	font-weight: bold; 
	line-height: 36px;
	color: #333333;
	background-color: #f4f4f4;
	border: 1px solid #dadada;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #f4f4f4) );
	background:-moz-linear-gradient( center top, #ededed 5%, #f4f4f4 100% );
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;    
}

div.legend {
	 
}

.well {
	display: block;
	width: 100%;
	margin: 0px 0px 20px 0px;
	color: #333333;
	padding: 0px;
	background-color: #f4f4f4;
	border: 1px solid #dadada;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #f4f4f4));
	background:-moz-linear-gradient( center top, #ededed 5%, #f4f4f4 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: none;
}

.well_body {
	padding: 10px;
}

.well_title {
	font-size: 14px;
	font-weight: bold; 
	line-height: 30px;
}

.well_header {	
	display: block;
	margin: 0px 0px 20px 20px;
	color: #ffffff;
	padding: 0px;
	background-color: #3d3d3d;
	border: 1px solid #383838;
/*	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #383838), color-stop(1, #636363));
	background:-moz-linear-gradient( center top, #383838 5%, #636363 100%);*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;  
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: none;
}
	
.well_header_body {
	padding: 10px;
}

.well_header_title {
	font-size: 13px;
	font-weight: normal; 
	line-height: 16px;
	text-transform: uppercase;
}

.well_header_offset {
	margin-left:-15px;}


ul.order_count {
	margin-left:14px;
}

.container {
	/*width: 960px;*/	
}

.container-center {
	margin-left:auto;
	margin-right:auto;
}

.offset0 {
  margin-left: 0px;
}

.offset20 {
	margin-left: 20px;
}

hr.gray_line {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD -moz-use-text-color #FFFFFF;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
	margin: 7px 0px 7px 0px;
}

hr.dark_line {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DADADA -moz-use-text-color #FFFFFF;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
	margin: 7px 0px 7px 0px;
}

hr.item_div_line {
	color:#dadada;
	background-color:#dadada;
	height:1px;
	border:none;
	width:100%;
	margin: 10px 0px 20px 0px;
}

.dashboard_count {	
	color:#5A5A5A;
	height:120px;
	text-align:center;
	font-family: 'Lato Light', Verdana, Georgia;
	font-size:90px;
	padding-top: 50px;		
}

a.dashboard_count {	
	text-decoration:none;		
}

a.dashboard_count:hover {	
	color: orange;
	text-decoration:none;			
}

.dashboard_search {	
	color:#5A5A5A;
	height:60px;
	text-align:center;
	font-family: 'Lato Light', Verdana, Georgia;
}

.dashboard_search input {
	color:#CCCCCC;	
    padding: 10px;
    width: 300px;
    font-size: 18px;
    margin-top: 10px;
}

.item_label {
	float: left;
	font-weight: bold;
	line-height: 26px;
	padding-right:10px;
	text-align:right;
	width: 120px;
}

.item_data {
	line-height: 26px;
	overflow:hidden;
	width: 150px;
}

div.item_data {
	line-height: 26px;
	overflow:hidden;
	width: 800px;
}

.cart_detail_span {
	width:520px;
	margin-left:20px;
}

.cart_detail_span_image {
	width:140px;
	margin-left:20px;
}

.cart_detail_span_text {
	width:350px;
	margin-left:20px;
	margin-right:20px;
}

.cart_price_span {
	width:110px;
	margin-left:20px;
}

.cart_qty_span {
	width:90px;
	margin-left:20px;
}


.item_label_wide {
	float: left;
	font-weight: bold;
	line-height: 26px;
	padding-right:10px;
	text-align:right;
	width: 150px;
}

.item-details-label {
	float: left;
	font-weight: bold;
	line-height: 26px;
	padding-right:10px;
	text-align:right;
	width: 120px;
}

.item-details-data {
	line-height: 26px;
	overflow:hidden;
}

.span1_5 {
	width: 90px;
}

.span1_7 {
  width: 100px;
}

.span3_5, .span3_5_column {
	width:275px;
}

.span3_5_column {
	margin-left: 10px;
}

.price-column {
	float: left;
	width: 100px;
	text-align: right;
}

.qty-column {
	float: left;
	width: 70px;
	text-align: center;
}

.img_border {
	border: 1px solid #dadada;
	-moz-box-shadow: 3px 3px 4px #a1a1a1;
	-webkit-box-shadow: 3px 3px 4px #a1a1a1;
	box-shadow: 3px 3px 4px #a1a1a1;
}


/*############ SORTABLE TABLE STYLES ##############*/

#order_table {

	margin-top:10px;
	margin-bottom:10px;

}

div.dataTables_length label {
	float: left;
	text-align: left;
}

div.dataTables_length select {
	width: 75px;
}

div.dataTables_filter label {
	float: right;
}

div.dataTables_info {
	width:50%;
	padding-top: 8px;
}

div.dataTables_paginate {
	float: right;
	margin: 0;
}

table {
	clear: both;
	margin-bottom: 10px !important;
}

table thead .sorting,
table thead .sorting_asc,
table thead .sorting_desc,
table thead .sorting_asc_disabled,
table thead .sorting_desc_disabled {
	cursor: pointer;
	*cursor: hand;
}

table thead .sorting { background: url('/img/datatable/sort_both.png') no-repeat center right; }
table thead .sorting_asc { background: url('/img/datatable/sort_asc.png') no-repeat center right; }
table thead .sorting_desc { background: url('/img/datatable/sort_desc.png') no-repeat center right; }

table thead .sorting_asc_disabled { background: url('/img/datatable/sort_asc_disabled.png') no-repeat center right; }
table thead .sorting_desc_disabled { background: url('/img/datatable/sort_desc_disabled.png') no-repeat center right; }


/*############ BUTTONS ##############*/

.cart_button_small {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	color:#777777;
	cursor: pointer;
	display:inline-block;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	margin-top:7px;
	padding:2px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align: center;
	width:50px;

}

.cart_button_small:hover {
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	
}

.clearfix_small {
	
	padding-bottom: 10px;
		
}

.clearfix_small label {
	
	
	
}
	
.offsethalf { padding-left:20px; }


/*####################################################*/

.content_box_title {
	
	height: 30px;
	width:100%;

}

.content_box_title_text {

	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
	
}

/*########### CART BUTTONS ############################*/

.calder_style_button_small {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-decoration:none;

}

.calder_style_button_small:active {
	
	position:relative;
	top:1px;
	
}

.calder_style_button_small {
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #cfcfcf) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #cfcfcf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf');
	background-color:#ffffff;	
	border:1px solid #c4c4c4;
	display:inline-block;
	color:#777777;	
	text-shadow:1px 1px 0px #ffffff;
	
}

.calder_style_button_small  {

	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	padding:1px;	
	text-align:center;	

}

.calder_style_button_small  {
	
	width:175px !important;
	height:40px !important;

}

.calder_style_button_small:hover  {
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #e08b27), color-stop(1, #e0a661) );
	background:-moz-linear-gradient( center top, #e08b27 15%, #e0a661 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e08b27', endColorstr='#e0a661');
	background-color:#e08b27;
	border-color: #9f6622;
	color:#ffffff;
	text-shadow:1px 1px 0px #777777;
	cursor: pointer;
	
}

.calder_style_button_small {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-decoration:none;

}

.calder_style_button_small:active {
	
	position:relative;
	top:1px;
	
}