/*===========================================
	STANDARD ELEMENTS
===========================================*/
* {
	margin: 0; 
	padding: 0;
	font-size: 100%;
}

body {
	background-color: #1B1B1B;	
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #464646;
}

html, body {
	height: 100%;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*===========================================w
	HEADERS
===========================================*/
h1, h2, h3, h4, h5, h6 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
	h1 {
		text-transform: uppercase;
		letter-spacing: 1px
	}

	h2 {
		letter-spacing: 1px
	}

	h3 {
		font-size: 1.25em;
	}
	

/*===========================================
	PARAGRAPHS & TEXT
===========================================*/
p {
	text-align: left;
	font-size: 1em;
	margin: 0 0 1em 0;
	line-height: 1.40em;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.SmallText{
		font-size: 0.8em;
		line-height: 1.4em;
		text-align: left
	}
	.BoldText {
		font-family: 'Aileron-Bold';
	}
	
	
/*===========================================
	MARGINS & DISPLAY
===========================================*/
.Margin-Bottom {
	margin-bottom: 20px;
}

.HideContiner {
    display: none;
}


/*===========================================
	HYPERLINKS
===========================================*/
a:link, a:active, a:visited {
	text-decoration: none;
	color: #393939;
	transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
}
a:hover {
	text-decoration: underline;
	color: #121212;
}
	

/*===========================================
	IMAGES
===========================================*/
img {
	max-width: 100%;
	height: auto;
}
div {
	outline: none;
}

/*===========================================
	CLEAR FIXES
===========================================*/
.ClearFix:before, .ClearFix:after { 
	content: ""; 
	display: table; 
}
.ClearFix:after {
	clear: both; 
}
.ClearFix { 
	*zoom: 1; 
}


/*===========================================
	TEXT STYLES
===========================================*/
.TextLeft {
	text-align: left;
}

.TextCenter {
	text-align: center;
}

.TextRight {
	text-align: right;
}
.Uppercase {
	text-transform: uppercase;
}
.TextStrong {
	font-weight: bold;
}


/*===========================================
	MARGINS
===========================================*/

.Paddingtop {
	padding: 10px 0;
}

/*===========================================
	COLOR CHART
===========================================*/
.WhiteBackground {background: #FFFFFF;}


/*===========================================
	CONTAINERS
===========================================*/
.FullWidthContainer {
	position: relative;
	max-width: 100%;
}
.CenterContainer {
	position: relative;
	max-width: 1176px;
	padding: 0 10px;
	margin: 0 auto;
}
.HiddenSection {
	display: none;
}
.ContentContainer {
	padding: 10px;
}
.ContentDisplay h1 {
	font-size: 18px;
	padding: 10px 0 20px 0;
}
.ContentDisplay p {
}
.ContentDisplay ul {
	margin-bottom: 20px;
}
	.ContentDisplay ul li{
		margin-left: 1em;
		padding: 0 0 10px 1em;
		background: url(/images/frame/bullet.png) no-repeat 0 0.5em;
	}
	

/*===========================================
	UNDER CONSTRUCTION
===========================================*/
.UnderConstruction {
	margin: 0 auto;
	padding-top: 50px;
	max-width: 100%;
	color: #5B595A;
	position: relative;
	text-align: left;
	overflow: auto;
	z-index: 2;
}
.UnderConstruction h1 {
	color: #FFF;
}
.UnderConstruction h2 {
	padding: 20px 0px;
	color: #5B595A;
}
.UnderConstruction p {
	text-align: center;
}
.UnderConstruction img{
	margin-bottom: 10px;
}
	.UnderConstruction a:link, .UnderConstruction a:active, .UnderConstruction a:visited {
		text-decoration: none;
		color: #5B595A;
	}
	.UnderConstruction a:hover {
		color: #FFC801;
		text-decoration: underline;
	}


/*===========================================
	DISABLE MOBILE NAVIGATIONS
===========================================*/
.ResponsiveNavigation {
	display: none;
}


/*===========================================
	WRAPPER
===========================================*/
.PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}


/*=========================================== 
	DISPLAY CONTAINERS
===========================================*/
.OnHalf_Border {
	float: left;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	width: -moz-calc(50% - 1px);
	width: -webkit-calc(50% - 1px);
	width: -o-calc(50% - 1px);
	width: calc(50% - 1px);
}
	.OnHalf_Border:last-child, .OnHalf_Border:nth-child(2n) {
		border-right: none;
	}
	
.OneQuarter_Border {
	float: left;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	width: -moz-calc(25% - 1px);
	width: -webkit-calc(25% - 1px);
	width: -o-calc(25% - 1px);
	width: calc(25% - 1px);
}
	.OneQuarter_Border:last-child, .OneQuarter_Border:nth-child(4n) {
		border-right: none;
	}
	
.OneHalf_NoBorder {
	float: left;
	width: 50%;
	margin: 0;
}	
.OneThird_NoBorder {
	float: left;
	width: 33.33%;
	margin: 0;
}	
.TwoThird_NoBorder {
	float: left;
	width: 66.66%;
	margin: 0;
}


/*=========================================== 
	DISPLAY ITEMS
===========================================*/
.DisplayBox  {
	margin: 10px;
	text-align: center;
}
	.DisplayBox .DisplayImage {
		position: relative;
	}
		.DisplayBox .DisplayImage img {
			width: -moz-calc(100% - 22px);
			width: -webkit-calc(100% - 22px);
			width: -o-calc(100% - 22px);
			width: calc(100% - 22px);
			padding: 10px;
			border: 1px solid #DFDFDF;
			background-color: #FFF;
			-webkit-box-shadow: 0 12px 8px -6px #CCC;
			-moz-box-shadow: 0 12px 8px -6px #CCC;
			box-shadow: 0 12px 8px -6px #CCC;
		}
			.DisplayBox .DisplayImage .ProductSold {
				position: absolute;  
				top: 0;  
				bottom: 0;  
				left: 0;  
				right: 0;  
				margin: auto;
				max-width: 120px;
				max-height: 78px; 
			}
				.DisplayBox .DisplayImage .ProductSold img {
					width: 100%;
					padding: 0px;
					border: 0;
					background-color: transparent;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}		
		
		.DisplayBox .DisplayBrand img {
			max-width: 100px;
			border: none;
			padding-bottom: 20px;
			
		}
		.DisplayBox h3 {
			text-align: center;
			padding: 0 0 10px 0;
			font-size: 12px;
			color: #1B1B1B;
		}
		.DisplayBox p {
			text-align: center;
			padding-bottom: 10px;
			font-size: 12px;
			color: #191919;
		}
			.DisplayBox .price{
				text-align: center;
				padding: 10px 0;
				font-size: 14px;
			}

	
/*===========================================
	PRODUCT PURCHASE
===========================================*/
.ProductPurchase {
	background: pink;
		text-align: center;
}
	.ProductPurchase ul {
		text-align: center;
	}
		.ProductPurchase li {
			float: left;
			width: 100%;
			padding: 5px 0;
		}
			.ProductPurchase li i {
				padding-right: 5px;
				color: #000;
				font-size: 14px;
			}
	
/*===========================================
	MIN EDIT BUTTON
===========================================*/
.MiniEditButton {
	text-align: center;
	padding-bottom: 10px;
}
	.MiniEditButton ul {
		text-align: center;
	}
		.MiniEditButton li {
			display: inline;
			padding: 0 5px 0 0;
		}
			.MiniEditButton li:last-child {
				padding-right: 0px;
			}
			.MiniEditButton li a, .MiniEditButton li span {
				font-size: 18px;
				cursor: pointer;
			}
	
/*===========================================
	PAGE HEADER
===========================================*/
.PageHeader {
	margin: 0 auto;
	padding-top: 30px;
}
	.PageHeader .Logo {
		float: left;
		width: 350px;
		padding-bottom: 15px;
	}
	
	.PageHeader .SideContent {
		float: right;
		display: block;
	}
		.PageHeader .SideContent .SideLinks {
			float: right;
			display: block;
			width: 100%;
			text-align: right;
		}
			.PageHeader .SideContent .SideLinks ul {
				float: right;
				display: block;
			}
			.PageHeader .SideContent .SideLinks ul li {
				float: left;
				padding: 0 10px;
				border-right: 1px solid #464646;
				color: #FFF;
			}
				.PageHeader .SideContent .SideLinks ul li i {
					padding-right: 5px;
				}
				.PageHeader .SideContent .SideLinks ul li:last-child {
					border-right: 0px;
					padding-right: 0px;
				}
				
			.PageHeader .SideContent .SideLinks ul li a {
				text-decoration: none;
				color: #FFF;
			}	
				.PageHeader .SideContent .SideLinks ul li a:hover {
					color: #E8D040;
				}
				
		.PageHeader .SideContent .Contact {
			float: right;
			display: block;
			width: 100%;
			text-align: right;
		}
			.PageHeader .SideContent .Contact h2 {
				color: #FFF;
				padding: 10px 0 5px 0;
				margin: 0;
				font-size: 20px;
			}
			.PageHeader .SideContent .Contact p {
				letter-spacing: 1px;
				font-size: 11px;
				color: #E8D040;
				padding: 0px;
				text-align: right;
			}
		

/*===========================================
	HERO IMAGE
===========================================*/		
.HeroPageImage {
	margin: 0 auto;
	position: relative;
	max-width: 1196px;
}
		

/*===========================================
	BRAND LOGOS
===========================================*/
.BrandLogoContainer  {
	margin-top: 10px;
}
	.BrandLogoContainer .Title span {
		font-size: 1.5em;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #101010;
		border-bottom: 2px solid yellow;
	}

	.BrandLogoContainer ul {
		margin: 10px 0;
	}
		.BrandLogoContainer li {
			background: #FFF;
			padding-bottom: 20px;
		}
			.BrandLogoContainer li img {
				width: 70%;
				margin: 0 1%;
				padding: 10px 14% 20px 14%;
				border: 1px solid #DFDFDF;
				-webkit-box-shadow: 0 12px 8px -6px #CCC;
				-moz-box-shadow: 0 12px 8px -6px #CCC;
				box-shadow: 0 12px 8px -6px #CCC;
			}
		

/*===========================================
	PRODUCT DISPLAY
===========================================*/
.ProductDisplay {
	width: 100%;
	margin-bottom: 20px;
}
	.ProductDisplay .ProductImage{
		float: left;
		width: 40%;
	}
		
	.ProductDisplay .ProductDescription {
		float: right;
		width: -moz-calc(60% - 20px);
		width: -webkit-calc(60% - 20px);
		width: -o-calc(60% - 20px);
		width: calc(60% - 20px);
		margin-left: 20px;
		text-align: center;
	}
		
		.ProductDisplay .ProductDescription .ProductSold {
			margin: 10px 0 20px 0;
		}
		.ProductDisplay .ProductDescription .BrandLogo {
			margin: 10px 0 20px 0;
		}
			.ProductDisplay .ProductDescription .BrandLogo img {
				width: 150px;
			}
			
		.ProductDisplay .ProductDescription h1{
			font-size: 25px;
			margin: 0 0 15px;
		}
		.ProductDisplay .ProductDescription h2{
			font-size: 20px;
			line-height: 25px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin: 0 0 10px;
		}
		.ProductDisplay .ProductDescription h3{
			font-size: 15px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-transform: uppercase;
			margin: 0 0 10px;
		}
		.ProductDisplay .ProductDescription h4{
			font-size: 15px;
			margin: 0 0 15px;
		}
		.ProductDisplay .ProductDescription p{
			font-weight: 900;
			margin: 0 0 15px;
			text-align: center;
		}


/*===========================================
	ALTERNATE PRODUCTS
===========================================*/
.AlternateProducts  {
	text-align: center;
	margin-top: 10px;
	padding-bottom: 10px;
}
	.AlternateProducts .Title span {
		font-size: 1.5em;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: #101010;
		border-bottom: 2px solid yellow;
	}


/*===========================================
	PRODUCT FORM
===========================================*/
.ProductForm {
	max-width: 900px;
}
	.ProductForm  p{
		text-align: center;
		padding-bottom: 20px;
	}
	
	.ProductForm  .ProductDescription {
		float: left;
		max-width: 480px;
		margin-left: 20px;
	}
		.ProductForm  .ProductDescription textarea {
			height: 100px;
		}
	
	.ProductForm  .ProductImage {
		float: left;
		max-width: 400px;
	}
		.ProductForm  .ProductImage img {
			cursor: pointer;
		}
		.ProductForm .ProductImage .MainImage img.ValidateError {
			cursor: pointer;
			border: 1px solid Red;
		}
		.ProductForm  .ProductImage .MainImage {
			width: 100%
		}
		.ProductForm  .ProductImage .AltImagesContainer {
			width: 100%
		}
		.ProductForm  .ProductImage .AltImagesContainer h3 {
			padding: 10px 0;
		}
			.ProductForm  .AltImagesContainer img {
				cursor: pointer;
			}
		
		.ProductForm  .AltImagesContainer {
			max-width: 800px;
		}
		
	.ProductForm .MiniEditButton {
		padding-top: 15px;
	}



/*===========================================
	WATCH SEARCH
===========================================*/
.WatchSearch {
	background: #101010;
	padding: 20px 10px;
	margin-bottom: 10px;
}
	.WatchSearch .OneThird_NoBorder {
		margin-bottom: 10px;
	}
	
	.WatchSearch h2 {
		font-size: 18px;
		line-height: 1.2;
		letter-spacing: -0.2px;
		padding: 0 0 10px 0;
		color: #FFF;
	}
	
	.WatchSearch input {
		width: 100%;
		border: none;
		border-right: 1px solid #CCC;
		padding: 15px;
		outline:0
	}
	.WatchSearch select {
		width: 100%;
		border: none;
		border-left: 1px solid #CCC;
		padding: 14px 10px;
		outline: 0;
		color: #666;
	}
		.WatchSearch option {
			color: #000;
		}
	
	
	.WatchSearch .Price {
		display: inline-block;
	}
		.WatchSearch .Price .GBPSymbol {
			float: left;
			background: #efce39;
			padding: 13px 0;
			width: 34px;
			text-align: center;
		}
		.WatchSearch .Price .Input {
			float: left;
			width: -moz-calc(100% - 34px);
			width: -webkit-calc(100% - 34px);
			width: -o-calc(100% - 34px);
			width: calc(100% - 34px);
		}
	
	.WatchSearch .SearchButton {
		width: 100%;
		background-color: #E8D040;
		border: none;
		color: white;
		padding: 13px 0 13px 0;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		
	}
	.WatchSearch .ClearButton {
		width: 100%;
		background-color: #010101;
		border: none;
		color: white;
		padding: 13px 0 13px 0;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		
	}


/*===========================================
	BREADCRUMB
===========================================*/
.BreadCrumb {
	background: #1B1B1B;
    border-bottom: 4px solid #E8D040;
    color: #FFF;
}
	.BreadCrumb ul {
		float: left;
	}
		.BreadCrumb ul  li{
			float: left;
			padding: 15px;
		}
			
	
	.BreadCrumb ul li span {
		padding-right: 10px;
		font-size: 20px;
		color: FFF;
	}
	.BreadCrumb ul li i {
		padding-right: 6px;
		font-size: 18px;
		color: #E8D040;
	}
	
	
	.BreadCrumb ul.Admin {
		float: right;
	}
		.BreadCrumb ul.Admin  li{
			float: left;
			padding: 18px 10px;
		}
			.BreadCrumb ul.Admin  li a{
				font-family: "Montserrat", Helvetica, Arial, sans-serif;
				color: #FFF
			}
				.BreadCrumb ul.Admin  li a:hover {
					color: #E8D040
				}

/*===========================================
	HOLIDAY MESSAGE
===========================================*/
.HolidayMessage {
	padding: 10px;
	text-align: center;
	border: 1px solid #DEDEDE;
	margin-bottom: 10px;
}
	.HolidayMessage h2 {
		text-align: center;
		font-size: 1.25em;
		color: red;
		padding-bottom: 0px;
	}
	.HolidayMessage p {
		text-align: center;
		color: red;
		padding-bottom: 0px;
	}
	.HolidayMessage a {
		color: red;
	}


/*===========================================
	BANNER MESSAGE
===========================================*/			
.BannerMessage {
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
	background: #101010;
}
	.BannerMessage h2 {
		color: #E8D040;
		text-align: center;
		padding-bottom: 5px;
	}
	.BannerMessage p {
		color: #FFF;
		text-align: center;
		padding-bottom: 0px;
	}
	.BannerMessage a {
		color: #FFF;
	}
		.BannerMessage a:hover {
			text-decoration: underline;
		}
	
/*===========================================
	BODY CONTENT
===========================================*/
.Content ul {
	margin-top: 20px;
}
	.Content ul li{
		margin-left: 1em;
		padding: 0 0 0px 1em;
		background: url(/images/frame/bullet.png) no-repeat 0 0.5em;
	}
		
		
/*===========================================
	DOUBLE CONTENT FRAME
===========================================*/
.DoublePageContent {
	display: flex;
}
	.DoublePageContent_Left {
		width: 250px;
		border-right: 1px solid #e9e9e9;
	}
	.DoublePageContent_Right {
		flex: 1;
		margin-left: 20px
	}		

	
/*===========================================
	SIDE NAVIGATION
===========================================*/	
.SideNavigation {
	width: 225px;
}
/*	.SideNavigation .Header {
		font-size: 26px;
		line-height: 1.2;
		letter-spacing: -0.2px;
		padding: 10px 0;
	}
	.SideNavigation ul{
		margin: 0 0 20px 0; 
	}
	
	.SideNavigation ul li {
		display: block;
		padding: 5px 10px 9px 17px;
		position: relative;
		border-bottom: 1px dotted #CCC;
		color: #777777;
		font-size: 12px;
	}
		.SideNavigation ul li.current {
			color: #464646;
			font-weight: bold;
		}
			.SideNavigation ul li.current a {
				color: #464646;
			}
		
		
		.SideNavigation ul li:before {
			font-family: "Font Awesome 5 Pro";
			content: "\f054";
			display: inline-block;
			padding-right: 5px;
			vertical-align: middle;
			font-weight: 900;
			font-size: 10px;
		}
			.SideNavigation ul li.current:before {
				color: #E8D040;
				padding-left: 10px;
				padding-right: 10px;
			}
*/	

.SideNavigation ul {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
}

.SideNavigation .Header{
	background: #101010;
	color: #FFF;
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 2px
}
.SideNavigation li {
	border-bottom: 1px solid #e9e9e9;
}
	.SideNavigation li a{
		display: block;
		background: #FCFCFC;
		padding: 10px;
		text-decoration: none;
	}
		.SideNavigation li a:hover{
			display: block;
			background: #FFF;
		}
		
		.SideNavigation li.current a {
			background: #E8D040;
		}	
	
	
/*===========================================
	CONTACT
===========================================*/	
.ContactPage {
}

	.ContactPage h2{
		font-weight: normal;
		margin: 0 0 20px 0;
		color: #333;
		font-size: 1.5em;
	}	

	.ContactPage .thick {
		width: 100%;
		height: 4px;
		background-color: #E8D040;
		border: none;
		margin: 0 0 13px;
		text-align: left;
	}

	.ContactMap {
		margin-bottom: 20px;
	}
	
	.ContactForm {
		float: left;
		width: 50%;
	}
		.ContactForm h2{
			font-weight: normal;
			margin: 0 0 20px 0;
			color: #333;
			font-size: 1.5em;
		}
		
		.ContactForm .NameFields {
			
		}
			.ContactForm .NameFields .OneHalf {
				float: left;
				width: 49%;
				margin-right: 2%;
			}
				.ContactForm .NameFields .OneHalf.Last {
					margin-right: 0%;
				}
	
	.ContactForm input, .ContactForm textarea, .ContactForm select {
		font-family: 'OpenSans-Regular', sans-serif;
		width: 100%;
		padding: 10px 10px;
		margin: 8px 0;
		box-sizing: border-box;
	}
		.ContactForm textarea.ValidateError {
			border: 1px solid red;
		}
	
		.ContactForm select {
			color: #555;
		}
		.ContactForm textarea {
			height: 200px;
		}
		
	.ContactForm button.DefaultButton {
		margin: 13px 0;
	}
		
	.ContactForm input.ValidateError, .ContactForm select.ValidateError {
		border: solid 1px red;
	}
	.ContactForm label.ValidateError {
		color: Red;
	}
	
	
	.ContactInformation {
		float: right;
		width: 40%;
	}
		.ContactInformation a:link, .ContactInformation a:active, .ContactInformation a:visited {
			text-decoration: none;
			color: #5f5f5f;
		}
		.ContactInformation a:hover {
			text-decoration: underline;
		}
	
	.ContactInformation h3 {
		font-size: 22px;
		line-height: 28px;
		color: #30323d;
		font-weight: 300;
		margin: 9px 0 26px;
	}
	
	.ContactInformation p {
		margin: 0 0 2em 0;
	}
	

/*=========================================== 
	FOOTER
===========================================*/
.PageFooter {
	border-top: 2px solid #E8D040;
	position: relative;
	background: #181818;
	color: #FFF;
}
	.PageFooter .DesignedBy {
		text-align: right;
		padding: 10px;
		color: #FFF:
	}
		.PageFooter .DesignedBy a:link, .PageFooter .DesignedBy a:active, .PageFooter .DesignedBy a:visited {
			color:#E8D040;
			text-decoration: none;
		}
		.PageFooter .DesignedBy a:hover {
			text-decoration: underline;
		}
	.PageFooter .CompanyInfo {
		text-align: center;
		padding: 10px;
		color: #FFF:
	}
	

/*===========================================
	BUTTONS
===========================================*/		
.DefaultButton, button.DefaultButton, .EditButton {
	display: inline-block;
	background: #E8D040;
	border: none;
	color: #fbfbfb;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 15px 20px;
	margin-bottom: 25px;
	cursor: pointer
}

	.DefaultButton:hover, button.DefaultButton:hover, .EditButton:hover {
		color: #EEE;
		text-decoration: none;
	}

a.EditButton {
	text-transform: uppercase;
	color: #FFF;
}

/*.DefaultButton, button.DefaultButton, .EditButton {
	padding: 10px 5%;
	margin: 0px 0;
	color: #FFFFFF;
	white-space: nowrap;
	display: inline-block;
	background: #c93c45;
	text-decoration: none;
	font-size: 16px;
	border: none;
}
	.DefaultButton:hover, button.DefaultButton:hover, .EditButton:hover {
		color: #FFFFFF;
		background: #424143;
		text-decoration: none;
	}



a.LargeButton {
		padding: 20px 5%;
		margin: 100px 0 10px 0;
		color: #424143;
		white-space: nowrap;
		display: inline-block;
		background: #F6BC17;
		text-decoration: none;
		font-size: 20px;
	}
		a.LargeButton:hover {
			color: #F6BC17;
			background: #424143;
		}	
	
.EditButton {
	margin: 20px;
}
*/