/* === PHANG-RESET ============================================================ */

body { margin:0; padding:0; }

a img { border:0; }
a { text-decoration:none }
a:hover { text-decoration:underline }
a, a:visited, a:hover, a:active { color:#277ddb; }

hr { border:1px solid #ccc; border-bottom:0; }

table { border-collapse:collapse; border-spacing:0; }
table td, table th, table tr { vertical-align:top; }

form { margin:0; padding:0; }
form table, table.form { width:auto; }
form table td, form table th, table.form td, table.form th  { padding:2px 10px 2px 0; }
textarea { height:100px; width:100%; }	
/* === PHANG-GENERAL ============================================================ */

div.clear, br.clear { clear:both; }
div.clear_r, br.clear_r { clear:right; }
div.clear_l, br.clear_l { clear:left; }
br.clear { height:0; }
div.r { float:right; }
div.l { float:left; }

table tr.r, table tr td.r, table tr th.r  { text-align:right; }
table tr.l, table tr td.l, table tr th.l { text-align:left; }
table tr.c , table tr td.c, table tr th.c { text-align:center; }
table tr.t, table tr td.t, table tr th.t { vertical-align:top; }
table tr.m, table tr td.m, table tr th.m { vertical-align:middle; }
table tr.b, table tr td.b, table tr th.b { vertical-align:bottom; }
table tr.total { font-weight:bold; }
table.full { width:100%; }

.hidden { display:none; }	
	
/* === GLOBAL	============================================================ */
@font-face {
    font-family: 'LatoRegular';
    src: url('/app/fonts/lato-regular.eot');
    src: url('/app/fonts/lato-regular.eot') format('embedded-opentype'),
         url('/app/fonts/lato-regular.woff') format('woff'),
         url('/app/fonts/lato-regular.ttf') format('truetype'),
         url('/app/fonts/lato-regular.svg#LatoRegular') format('svg');
}

@font-face {
    font-family: 'LatoBold';
    src: url('/app/fonts/lato-bold.eot');
    src: url('/app/fonts/lato-bold.eot') format('embedded-opentype'),
         url('/app/fonts/lato-bold.woff') format('woff'),
         url('/app/fonts/lato-bold.ttf') format('truetype'),
         url('/app/fonts/lato-bold.svg#LatoBold') format('svg');
}

@font-face {
    font-family: 'DCCSharp';
    src: url('/app/fonts/dcc_sharp.eot');
    src: url('/app/fonts/dcc_sharp.eot?#iefix') format('embedded-opentype'),
         url('/app/fonts/dcc_sharp.woff') format('woff'),
         url('/app/fonts/dcc_sharp.ttf') format('truetype'),
         url('/app/fonts/dcc_sharp.svg#DCCSharp') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Layout:
----------------------------------------------------- */
body { font-family:'LatoRegular', Arial, Helvetica, sans-serif; color:#fff; font-size:1.4em; background:#000;}
p { margin:0 0 1em; padding:0;}
a, a:active, a:visited { color:#f2f2f2; outline:none !important; }
a:hover { color:#ffffff; text-decoration:underline; }
strong { font-family:'LatoBold', Arial, Helvetica, sans-serif; }
.mainContent a {
	color:#dae2af;	
}

.mainContent a:hover {
	color:#c4ce8d;	
}

hr {
	display:block;
	clear:both;	
}

/* Box Sizing Fix for IE7 */
*,
:after,
hr {
	*behavior: url("/app/js/boxsizing.htc");
	
}

iframe {
	max-width:100%;	
}

/* Buttons:
----------------------------------------------------- */

.btn-primary {
	background:	#91a460;
	color:#fff;
	border:1px solid #7d9444;
}

.mainContent .btn-primary,
.mainContent .btn-primary:hover {
	color:#fff;	
}

.btn-primary:hover {
	background:	#7d9444;	
	border:1px solid #7d9444;
}

/* Background Images:
----------------------------------------------------- */
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width:1500px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:10;
}

/*Forms:
----------------------------------------------------- */
.form.contentPanel {
	padding:1em;	
}

.form form {
	padding:0.5em 2em;
}

.form-group {
	margin:10px 0;
}

label {
	font-weight:normal;
	display:block;
	vertical-align:middle;
	margin:5px 0;
}	

input, textarea, select {
	display:block;
	width:100%;
	height:34px;
	padding:6px 12px;
	font-size:1.1em;
	line-height:1.428571429;
	color:#000;
	background-color:#fff;
	background-image:none;
	border:1px solid #fff;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	font-family: 'exodemibold', Arial, Helvetica, sans-serif;	
}

input.btn {
	*height:50px;	
}

textarea {
	height:60px; 
}	
	
input:focus,
textarea:focus {
	border-color:#184584;
	outline:0;
	-webkit-box-shadow:
	inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form span {
	color:#ec4d2c;
}	

.message {
	background: none repeat scroll 0 0 #fcf8e3;
    color: #8a6d3b;
    display: block;
    padding: 0.5em 1em;
	position:relative;
	margin-bottom:1em;
	border:1px solid #faebcc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin:0.5em 2em;
	}
	
.message .r {
	right:-0.5em;
	top:-0.5em;	
	position:absolute;
}

.message .r a {
	background: none repeat scroll 0 0 #ffffff;
    color: #8a6d3b;
    display: block;
    right: 0;
    top: 0;
	text-decoration:none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border:2px solid #faebcc;
	text-align:center;
	padding:0.2em 0.5em 0.4em;
	line-height:0.8em;
}

.message p {
	margin:3px 0;	
}

.message br {
	display:none;	
}

.form .securityCode {
	float:left;	
}

.form .input-group-addon {
	padding:0 0.5em;
	background:#ffffff;
	border-right:2px solid #5c5c5c;
	border-radius:0;
}

/* Headings:
----------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform:uppercase;	
	line-height:1.2;
	color:#fff;
	margin:0;
	padding:0;
}

h1 {
	margin:0;
	padding:0 0 0.2em 0;
	font-family: 'DCCSharp';
	font-size:3em;
	line-height:0.9em;
}

h2 {
	font-size:1.15em;	
}

h2 a {
	color:#fff;	
}

h3 {
	font-size:1em;	
}

/* Breadcrumb:
----------------------------------------------------- */
.breadcrumb {
	background:none;	
	color:#cfcccc;
	text-transform:uppercase;
	border:none;
	border-radius:0;
	margin:0;
	padding:0.8em 0.5em;
}

.breadcrumb a {
	color:#c4ce8d;
	text-decoration:underline;	
}


/* Pagination:
----------------------------------------------------- */
.pagination {
	border-top:1px solid #fff;
	margin-top:2em;
	padding-top:1.5em;
	margin-bottom:0;
	width:100%;
	border-radius:0;
}

.pagination ul {
	margin:0;
	padding:0;	
}

.pagination ul li {
	display:inline;
}

.pagination ul li a {
	padding:0.3em 0.6em;
	background:#666;	
}

.pagination ul li.active a {
	background:#c4ce8d;
	color:#666;	
}

.pagination ul li.previous {
	float:left;	
}

.pagination ul li.next {
	float:right;
}

.pagination ul li.next a,
.pagination ul li.previous a {
	background:none;
	padding:0;	
}

/* Content Panel:
----------------------------------------------------- */
.contentPanel {
	background: url("/app/images/global/grey_80_percent.png");
  	background: rgba(51, 51, 51, 0.8); 
	padding:0.5em;
	margin-top:1.5em;
}

.contentPanel h2,
.contentPanel .panelDetails {
	padding:0.8em 0.5em 0.5em;	
}

.contentPanel .panelDetails h2 {
	min-height:2.3em;	
	padding:0;
}

.contentPanel h2 a {
	display:block;
	color:#fff;
}

.contentPanel h2 a:hover {
	text-decoration:none;
}

.contentPanel .ref,
.productInfo .ref {
	color:#bbbbbb;
	text-transform:uppercase;
	margin-bottom:0.3em;	
}

.contentPanel .price {
	color:#c4ce8d;
	margin-bottom:0;
	margin-top:0.3em;	
}


@media screen and (max-width: 767px) {
.pull-right {
	float:none !important;	
}

.mainContent .text-right {
	text-align:left;	
}

.img-responsive {
	margin:0 auto;	
}

.breadcrumb {
	padding-left:0;	
}

.form.contentPanel {
	padding:0.3em 0.5em;	
}
}

	
	
/* === TOP 	============================================================ */

#header { 
	z-index:200;
	position:relative;
	text-align:center;
}

#header a.logo { 
	display:block;
	padding:3em 0 2.5em;
	text-align:center;
}

#header .container {
	background: url("/app/images/global/black_60_percent.png");
  	background: rgba(0, 0, 0, 0.6);	
}

#home #header .container {
	background:none;	
}

#header a img {
	margin:0 auto;	
}


/* Navigation:
----------------------------------------------------- */
#section_nav .container {
	border-top:1px solid #666;	
	border-bottom:1px solid #666;
	padding:0;	
}

#home #section_nav .container {
	background: url("/app/images/global/black_30_percent.png");
  	background: rgba(0, 0, 0, 0.3);
}

.navbar {
	min-height:40px;	
}

.navbar-default .navbar-form {
	margin:0;
	padding:0.4em 0.6em;
	border-left:1px solid #666666;	
}

.navbar-form .form-control {
	border:none;
	border-radius:0;
	box-shadow:none;
	background:#4b4b4b;
	text-transform:uppercase;
	color:#c6c6c6;
	padding:0.5em 0.8em;
	font-family:'LatoBold';
	display: inline-block;
    vertical-align: middle;
    width: auto;
	height:2.2em;
}	

.navbar-form .form-group {
	margin-top:0;	
}

.navbar-form  .btn {
	border-radius:0;
	color:#c6c6c6;
	width:2.5em;
	height:2.2em;
	border:none;
	background: url("/app/images/global/search_icon.png") no-repeat center center #4b4b4b;
	text-indent:-9999px;
}

.navbar-default .navbar-collapse {
	padding:0;	
	border:none;	
}

.navbar-default {
	border:none;
	text-transform:uppercase;
	border-radius:0;
	background:none;
	padding:0;
	margin-bottom:0;
}


.navbar-default .navbar-nav {
	padding:0 3.9em;	
}

.navbar-default .navbar-nav > li > a { 
	color:#fff;
	padding:1em 2em;
	line-height:1;
}

.navbar-default .navbar-nav > li {
	margin:0 1.8em;		
}

.navbar-default .navbar-nav li.active a span {
	border-bottom:2px solid #fff;	
}

.navbar-default .navbar-nav li.dropdown a.dropdown-toggle  {
	background: url("/app/images/global/arrow_down.png") no-repeat center right;	
	padding:1em 2.2em 1em 1.8em;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none;	
	color:#fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.open {
	color:#fff;	
	background:#000;
}

.navbar-nav {
	margin:0;	
}

.dropdown-menu {
	background: url("/app/images/global/grey_80_percent.png");
  	background: rgba(51, 51, 51, 0.8); 
	padding:0;
}

.dropdown-menu > li > a {
	color:#fff;	
	text-align:left;
	padding:0.3em 1.5em;
	border-bottom:1px solid #333;
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
	background:#333;	
	color:#fff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background:#333;	
	color:#fff;	
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background:#000;	
	color:#fff;	
}

.navbar-toggle {
	width:100%;
	border:none;
	margin:0.5em 0;
	padding:0.8em;
	background:#000;
}

.navbar-toggle .navigate {
	text-transform:uppercase;
	float:left;
}

.navbar-toggle .icon-bar {
	float:right;	
	clear:right;
}

@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav > li {
		margin:0 0.4em;
	}
}

@media screen and (max-width: 992px) {
	.navbar-default .navbar-nav > li {
		margin:0;
	}
	
	.navbar-default .navbar-nav {
		padding:0 2em;	
	}
	
	.navbar-default .navbar-nav > li > a {
		padding:1em 1.2em;	
	}
	
	.navbar-default .navbar-nav li.dropdown a.dropdown-toggle {
		padding:1em 1.4em 1em 1em;
		background: url("/app/images/global/arrow_down_small.png") no-repeat center right;
				
	}
}

@media screen and (max-width: 767px) {
	#section_nav .container {
		padding-left:15px;
		padding-right:15px;	
	}
	
	.navbar-default .navbar-nav > li > a {
		padding:1em;
		text-align:left;	
	}
	
	.navbar-default .navbar-form {
		border:none;
		padding:0.4em 0 0.2em;	
	}
	
	.navbar-default .navbar-nav li.dropdown a.dropdown-toggle {
		background: url("/app/images/global/arrow_down.png") no-repeat center right;		
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color:#fff;	
		background:#333;
	}
	
	.navbar-collapse {
		max-height:none;	
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color:#fff;	
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color:#fff;	
		background:#333;
	}
	
	.navbar-header {
		border-top:1px solid #666;
	}
	
	.navbar-default .navbar-nav {
		padding:0;
		margin: 0.5em 0;	
	}
	
	#home .navbar-default .navbar-nav {
		margin-top:0;	
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background:#000;	
	}
	
	.navbar-form .form-control {
		min-width:85%;	
	}
	
	#header a.logo {
		padding:2em 0 1.5em;	
	}
	
	#home .collapse  {
		display:block;	
	}
	
	#home .navbar-header {
		display:none;	
	}
	
	#home #section_nav .container {
		background:none;
		border:none;	
	}
	
	.navbar-default {
		background: url("/app/images/global/black_30_percent.png");
  		background: rgba(0, 0, 0, 0.3);
		border-bottom: 1px solid #666;
    	border-top: 1px solid #666;
	}
}

@media screen and (max-width: 420px) {
	.navbar-form .form-control {
			min-width:82%;	
	}
}	
/* === BOTTOM	============================================================ */

#footer { 
	clear:both; 
	color:#e7e7e7;
	z-index:125; 
	position:relative;
	margin:0 auto;
	font-size:0.85em;
	}

#footer .container {
	background: url("/app/images/global/black_60_percent.png");
  	background: rgba(0, 0, 0, 0.6); 
	padding-top:1.5em;
	padding-bottom:1.5em;	
}
	
.footerMenu  {
	padding:0;
	margin-bottom:5px;
}

.footerMenu li {
	display:inline;
	padding:0 0 0 0.5em;
	margin-left:0.5em;
	border-left:1px solid #d0d0d0;
}

.footerMenu li a {
	color:#dbdbdb;
	text-decoration:none;	
}	

.footerMenu li a:hover {
	text-decoration:underline;	
	color:#ffffff;
}

#footer .col-sm-3,
#footer .col-sm-6 {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#footer li.first {
	border-left:0;
}	

#footer #copyright {
	color:#b8b8b8;
	margin-bottom:0.3em;
}

#footer #contact {
	margin-bottom:0.4em;
	font-size:1.05em;
}

#footer #contact p {
	margin-bottom:0;
}	

#footer address {
	font-style:normal;	
	display:block;
	font-size:1.05em;
	margin:0.8em 0;
}

#footer address span {
	text-transform:uppercase;	
	color:#f2f2f2;
	font-size:1.2em;
	font-family:'LatoBold';
}

#footer .last {
	margin-top:0.8em;	
}

.siteBrandLink,
.siteBrandLink:active,
.siteBrandLink:visited {
	color:#999999;
	font-size:0.85em;
}	

@media screen and (max-width: 992px) {
	#footer .text-center {
		text-align:left !important;	
	}
}

@media screen and (max-width: 767px) {
	#footer .col-md-3,
	#footer .text-right,
	#footer .text-center {
		text-align:center !important;
	}
	
	.footerMenu li {
		padding:0 1em;	
		margin:0;
	}
}	
/* === MIDDLE 	============================================================ */

#middle { 
	margin:1.5em 0;
	padding:0;
	z-index:100; 
	position:relative;
	clear:both;
}

#middle .container {
	background: url("/app/images/global/black_60_percent.png");
  	background: rgba(0, 0, 0, 0.6); 
	min-height:20em;
	position: relative;
    z-index: 2000;
}	

.mainContent {
	padding:2em;	
}

.mainContentInner {
	border-top:1px solid #fff;	
	padding-top:1.5em;
}

.mainContentInner.categories,
.mainContentInner.products  {
	padding-top:0;	
}
 

/* Product Page:
----------------------------------------------------- */

.product .productImage {
	width:100%;
	display:block;	
	text-align:center;
	background: url("/app/images/global/grey_80_percent.png");
  	background: rgba(51, 51, 51, 0.8); 
	padding:0.5em;
}

.product .thumbnails {
	clear:both;
	display:block;	
}

.product .btn {
	margin:1.5em 0;	
}

.product .thumbnails li {
	background: url("/app/images/global/grey_80_percent.png");
  	background: rgba(51, 51, 51, 0.8); 
	width:125px;
	height:85px;
	text-align:middle;
	line-height:125px;
	margin:1em 0.4em 0 0;
}	

.product .thumbnails li img {
	max-height:100%;	
	vertical-align:middle;
	margin: 0 auto;
}

.product .productImage .img-thumbnail {
	border:none;
	border-radius:0;
	background:none;
	padding:0;	
}

.productImage a {
	max-width:100%;	
	margin:0 auto;
}

.productInfo {
	border-bottom:1px solid #666;
}

.productInfo p {
	margin-bottom:0.8em;	
}

.productInfo h2 {
	font-family: 'DCCSharp';
	font-size:2.4em;	
}

.productInfo h3 {
	margin-bottom:0.5em;	
}

.productInfo h3  {
	padding-right:0.5em;	
	vertical-align:middle;
	line-height:1.42857;
}

.productInfo .quantity p,
.productInfo .price p,
.productInfo .dimensions p,
.productInfo .provenance p {
	vertical-align:middle;	
}



.zoomPad {
	max-width:100%;
	float:none !important;
	display:inline-block;
	*float:left !important;
}

.zoomWindow {
	left:100% !important;
	margin-left:1em;	
}

.productInfo .description,
.productInfo .price,
.productInfo .quantity,
.productInfo .dimensions,
.productInfo .provenance {
	border-top:1px solid #666;
	padding:0.8em 0 0;
	clear:both;
}

.imageWrap {
	position:relative;
	display:block;
}

.products .imageWrap {
	background:#000;
}

.products .imageWrap img {
	margin:0 auto;	
}

.newStock {
	display:block;
	position:absolute;
	top:-3px;
	right:-3px;
	width:6.4em;
	height:6.4em;	
	background: url("/app/images/global/new_stock.png") no-repeat top right transparent;
	text-indent:-99999px;
	z-index:1000;
}


/* Articles:
----------------------------------------------------- */

.articles h2 {
	font-family: 'DCCSharp';
	font-size:1.6em;	
	line-height:1;	
}

.articles .first h2,
.articles.single h2 {
	font-size:2.2em;	
}

.articles h2 a,
.articles h2 a:hover {
	color:#fff;	
}

.articles .articleInner {
	background: url("/app/images/global/grey_80_percent.png");
  	background: rgba(51, 51, 51, 0.8); 
	padding:0.5em;
	margin:0 0 1.5em 0;	
	border-top:1px solid #4b4b4b;
	border-bottom:1px solid #4b4b4b;
	min-height:15.3em;
}
  
.articles .articleInner .image {
	padding-left:0;
}

.articles.single .articleInner .image {
	padding-left:15px;
	padding-right:0;	
}

.articles .articleDetails {
	padding-top:0.5em;
	padding-bottom:0.5em;	
}

.articles .first .articleDetails,
.articles.single .first .articleDetails  {
	padding-top:1.5em;	
	padding-bottom:1.5em;	
}

.articles .date,
.article .date {
	color: #bbbbbb;
    margin-bottom: 0.3em;
    text-transform: uppercase;
}

.articles .articleInner .content {
	padding-top:0.5em;	
}

.backPanel {
	border-top:1px solid #fff;
	margin-top:2em;
	padding-top:1.5em;	
	padding-bottom:0;
	margin-bottom:0;
}


@media screen and (max-width: 1200px) {
	.product .productImage {
		min-height:370px;	
		height:auto;
	}
	
	.product .productImage .img-thumbnail {
		max-height:355px;	
	}
}

@media screen and (max-width: 992px) {
	.product .productImage {
		min-height:275px;	
		height:auto;
	}
	
	.product .productImage .img-thumbnail {
		max-height:260px;	
	}
}

@media screen and (max-width: 767px) {
	.mainContent {
		padding:1em 0;	
	}
	
	.product .productImage {
		height:auto;
		min-height:0;
	}
	
	.product .thumbnails {
		text-align:center;
	}	
	
	.productImage a,
	.product .thumbnails a {
		cursor:default;
		margin-bottom:1em;	
	}
	
	.product .thumbnails a,
	.product .thumbnails li {
		max-width:100%;	
		width:auto;
		height:auto;
	}
	
	#map {
		margin-bottom:1em;	
	}

}



/* styles/default.css 	================================================================================================== */