@charset "utf-8";

/* CSS Document */

@-ms-viewport{
         width: device-width;
 }

@viewport {
         width: device-width;
 }

html {-webkit-text-size-adjust: none;}

.BoldText {font-size: 20px;}

a {
	color: #000;
	text-decoration: none;
 }

#antiqueclocks {
	border: 1px solid #665;
	display: none;
	float: left;
	height: 265px;
	margin-left: 2%;
	width: 96%;
 }

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
        text-align: center;
 }

#bpwrap {
	display: block;
	position: relative;
	margin: -518px 0 0 70%; 
        width: 67%;
}
 @media all and (max-width: 800px)   {  #bpwrap  {margin: -513px 0 0 70% } }


#bp {
	display: block;
	float: none;
	left: 1%;
	position: absolute;
	top: 115px;
	width: 12.5%;
	margin: 0 0 0 10%;
 }

#bp img {
        width: 194px;
        height: auto;
}

#bp2 {
	color: #000;
	display: block;
	float: none;
	font-size: 12px;
	left: 25%;	
	position: absolute;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	margin: 130px 0 0 0;
 }

#bullets {
	border-width: 1px;
	font-family: Baar Metanioa, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 25px;
	display: block;
	float: none;
	height: 116px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 50px;
	width: 100%;
 }
 @media all and (min-width: 769px) and (max-width: 800px) {  #bullets{ font-size: 16px; }}
 
 #cmas1 {
    font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: 000;
	line-height: 25px;
	display: block;
	float: none;
	top: 15px;	
	width: 85%;
	left: 12%;
	position: absolute;
         z-index: 1;
 }
@media all and (max-width: 975px)   {  #cmas1  {font-size: 13px; left: 14%;  } }
@media all and (max-width: 940px)   {  #cmas1  { left: 15%;  } }
@media all and (max-width: 870px)   {  #cmas1  {top: 1px; left: 7%;  } }


#cmas2 {
	
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #cc0000;
	line-height: 25px;
	display: block;
        left: 5%;
	float: none;
	top: 45px;
	width: 100%;
	position: absolute;
 }
@media all and (max-width: 800px)   {  #cmas2  { left: 9%;  } }

 
 
 #bullets h2 {
	border-width: 1px;
	font-family: Baar Metanioa, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	display: block;
	float: none;
	height: auto;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 90px;
	width: 100%;
 }
@media all and (max-width: 915px)   {  #bullets h2  { font-size: 13px;  } }
@media all and (max-width: 785px)   {  #bullets h2  { font-size: 12px;  } }


	  
#bullets2 {
	display: block;
	float: none;
	font-size: 15px;
	height: 165px;
	left: -4%;
	line-height: 24px;
	padding-left: 3%;
	padding-top: 25px;
	position: absolute;
	text-indent: 0;
	top: 255px;
	width: 100%;
 }
  
 @media all and (max-width: 800px)   {  #bullets2  { font-size: 13px; padding-left: 0%; left: -3%;top: 250px;  } }
 
	#bullets2 ul li {
	color: #000;
	text-align: left;
	text-indent: 0%;
	list-style-type: square;
	line-height: 35px;
	 }
 
 @media all and (max-width: 800px)   {  #bullets2 ul li  { list-style-type: square;  } }
 
#carved  {
	position: relative;
	font-size: 18px;
	margin: -45px 0 0 0;
}

#carved2  {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color:#899639;
	font-size: 18px;
	margin: -15px 0 0 0;
	line-height: 25px;
}

#click {
	font-size: 14px;
}

#comments {
	display: block;
	float: none;
	font-size: 12px;
	height: 185px;
	position: absolute;
	text-align: center;
	width: 100%;
	margin: 430px 0 0 2%;
 }
  @media all and (max-width: 800px)   {  #comments  {margin: 420px 0 0 2% } }

#comments2 {
	display: block;
	float: none;
	font-size: 12px;
	height: 185px;
	left: -2%;
	position: absolute;
	text-align: left;
	top: 455px;
	width: 100%;
	margin: 30px 0 0 2%;
 }
  /*@media all and (max-width: 800px)   {  #comments2  {margin: 30px 0 0 2%; } }*/

#container {
        border: 1px solid black;
	-moz-box-shadow: 0px 0px 10px #3F3B3B; /* Firefox */
	-webkit-box-shadow: 0px 0px 30px #3F3B3B; /* Safari, Chrome */
        box-shadow: 0px 0px 10px #3F3B3B;
	behavior: url(../ie-css3.htc);
        min-height: 1450px;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        max-width: 980px; /* Set maximum width */
        margin: 0 auto; /* Center the container */

}

.container {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 10px); /* Adjusting width for padding */
}
.box {
        flex: 1;
        max-width: 50%;
        padding: 20px;
        box-sizing: border-box;
}
@media (max-width: 600px) {.box {max-width: 100%;}
}

img {
    max-width: 100%;
    height: auto;
}

.container #menuside nav #info p {font-weight: normal;}

#cTree  {
	
	position: relative;
	margin: 20px 0 0 0%;
	width: 40px;
	height: 60px;
        

}
@media all and (min-width: 769px) and (max-width: 800px) {  #cTree{ margin: -60 0 0 20%; }}  

#doubleboxed {
	display: block;
	float: none;
	font-size: 15px;
	height: 142px;
	margin: 0 0 0 0;
	left: -50%;
	position: relative;
	text-align: center;
	top: 1020px;
	width: 100%;
        z-index: 2;
 }
@media all and (max-width: 825px)   {  #doubleboxed  {font-size: 14px;  } }

#engraved {
	float: none;
        display: block;
	position: absolute;
	text-align: center;
	margin: 320px 0 0 0;
	width: 100%;
 }
 @media all and (max-width: 800px)   {  #engraved  { margin: 300px 0 0 0;
  } }

@font-face {
       font-family: Italic;
       src: url(../letters/fonts/Italic.otf);
       text-rendering: optimizeLegibility;
      -moz-font-feature-settings:"calt=1, liga=1, clig=1, kern=1";
      -moz-font-feature-settings:"calt", "liga", "clig", "kern";
      -ms-font-feature-settings:"calt", "liga", "clig", "kern";
      -webkit-font-feature-settings:"calt", "liga", "clig", "kern";
      font-feature-settings:"calt", "liga", "clig", "kern";
}
  
#foot {
	bottom: -55px;
	clear: both;
	display: block;
	margin: 0 auto;
	float: none;
	position: relative;
	text-align: center;
	width: 100%;	
 }

#giftcard {text-align: center;}

img, object, embed, video {max-width: 100%;}

#info {
	display: block;
	font-weight: normal;
	left: -28px;
	line-height: 14px;
	list-style-image: url('../eye/rightarrow01.gif');
	margin-bottom: 0px;
	margin-top: 5px;
	position: relative;
	text-align: left;
	width: 200px;
 }

#largeclocks {
	background-color: #f9f9f9;
        color: #000; 
	top: 337px;
	font-family:  Arial,Helvetica,sans-serif;
	font-size: 16px;	
	border: 1px solid #CCC;
	height: 125px;
	position: absolute;
	width: 100%;
	margin: 4px 0 0 0;
	display: block;
	text-align: center;
	padding-bottom:20px;
	line-height: 25px;	
 }
@media all and (max-width: 910px)   {  #largeclocks  { font-size: 15px; bottom: 102px; } } 
@media all and (max-width: 855px)   {  #largeclocks  { font-size: 14px; bottom: 102px; } } 
@media all and (max-width: 800px)   {  #largeclocks  { font-size: 13px; bottom: 102px; } }
  
#largeclocks span {
       font-size:12px;
       position: relative;
       margin: -40px 0 0 0;
       display: block;
       z-index: 10;
               
}
@media all and (max-width: 900px)   {  #largeclocks span  { font-size:11px; } }
@media all and (max-width: 800px)   {  #largeclocks span  { font-size:10px; } }

#largeclocks2 {
	border: 1px solid #fff;
	left: 21.5%;
	top: -650px;
        font-size: 16px;
	text-align: center;	
	position: relative;	
	display: block;
	width: 52%;
	font-weight: bold;
 }
/*@media all and (max-width: 800px)   {  #largeclocks2  { margin: 190px 0 0 0; } }*/

#largeclocks2 p {
        display: inline-block;
        margin: 2px 0 0 0;
 }

#layer1 {
	display: block;
	float: none;
	height: 116px;
	left: 1px;
	position: relative;
	top: -75px;
	width: 190px;
	z-index: 10;
 }
#layer1 img {
        height: 110px;
        width: 100%;
 }

#Left1 {
        border: none;       
        height: auto; /* Changed from fixed height to auto */
        margin: -15px 0 0 21%;        
        display: block;
        position: relative;
        width: 26%; /* This is already a relative unit */
}

@media all and (max-width: 925px)   {  #Left1  { margin: -55px 0 0 21%;} }
@media all and (max-width: 875px)   {  #Left1  { margin: -80px 0 0 21%;} }
@media all and (max-width: 800px)   {  #Left1  { margin: -110px 0 0 21%;} }
/*@media all and (max-width: 800px)   {  #Left1  { margin: -130px 0 0 21%;} }*/



#Left2 {
	display: block;
	border: 1px solid #CCC;
	
	height: 460px;
	left: 47.5%;
	margin: 25px 0 0 0;
	position: relative;
	width: 25%;
	z-index: 99;
 }
/*@media all and (max-width: 925px)   {  #Left2  { margin: -25px 0 0 0;  } }*/
/*@media all and (max-width: 875px)   {  #Left2  { margin: -150px 0 0 0;  } }*/
/*@media all and (max-width: 800px)   {  #Left2  { margin: -155px 0 0 0;  } }*/


 #lamp  {
	display: block;
	float: none;
	font-size: 18px;
	height: 100px;
	margin: 0 0 0 0;
	position: absolute;
	text-align: center;
	top: 605px;
	width: 225px;
}

#logo  {
	display: block;
	position: absolute;
	text-align: center;
	margin: 370px 0 0 0;
        left: 0%;
	width: 100%;
}
@media all and (max-width: 800px)   {  #logo  { margin: 350px 0 0 0;
  } }

#logo img {
        width: 150px;
        height: auto;
}

.mainheader {
	display:flex;
	height: 28px;
	left: 30%;
	margin: 20px 0 0 0;
	padding-bottom: 5px;
	position: relative;
	width: 50%;   
 }
 /* @media all and (max-width: 800px)   {  .mainheader  { left: 250px;  } }*/

.mainheader img {
	height: 46px;
	max-width:400px;
	width: 90%;
 }

#menuside {
	/*border: 1px solid #CCCCCC;*/
	display: block;
        font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: small;
	height: 1286px;
	margin: -90px 0 0 -1%;
	position: relative;
	text-align: center;
        z-index: 1;
	width: 21%;
        background-color: #f9f9f9;
 }
@media all and (max-width: 925px)   {  #menuside  { height: 1246px;  } }
@media all and (max-width: 875px)   {  #menuside  { height: 1206px;  } }


#menuside nav #info #creditcard img {
	height: 28px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	width: 142px;
	 }
#menuside nav #info #trustwave img {
	height: 51px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	width: 100px;
 }

#mobileHeader {
       display: none;
}

.mobilemenu {display: none;}

#ordersPlaced {
       display: block;
       margin: 10px 0 0 0;
       color: #CC0000;
       font-weight: bold;
}
@media all and (min-width: 769px) and (max-width: 800px) {  #ordersPlaced{ font-size: 16px; width: 100%; margin: 10px 0 0 0;}}

#originalclocks {
        border: 1px solid #665;
	display: none;
	float: left;
	height: 265px;
	margin-left: 2%;
	width: 96%;
}

#pendulumLabel {
	font-size: 17px;
	float: none;
	height: 81px;
	left: -3%;
	position: absolute;
	text-align: center;
	top: 265px;
	width: 100%;
	font-weight: bold;
	z-index: 101;
 }
@media all and (max-width: 875px)   {  #pendulumLabel  { top: 255px;  } }
@media all and (max-width: 825px)   {  #pendulumLabel  { top: 235px;  } }

#perClocks {
	display: inline-block;
	font-size: 8px;
	margin: 30px 0 0 78%;
        left: 0%;
	position: relative;
	top: -20px;
	white-space: nowrap;
 }
@media all and (max-width: 890px)   {  #perClocks  { margin: 30px 0 0 75%; } } 

#personalized {
	display: block;
	font-weight: normal;
	left: -28px;
	line-height: 14px;
	list-style-image: url('../eye/rightarrow01.gif');
	margin-bottom: 0px;
	margin-top: 5px;
	position: relative;
	text-align: left;
	width: 200px;
 }

.phone {
	display: block;
	font-size: 16px;
	position: relative;
	margin: -20px auto;
	left: 37%;
	top: -10px;
        text-align: right;
        width: 200px;
}

#quality {
	background-color: #f9f9f9;
        color: #000;
	border: 1px solid #ccc;
	display: block;
	height: 50px;
	margin: -15px 0 0 -1px;
	position: absolute;
	text-align: center;
        padding-top: 10px;	
	width: 100%;
 }

#quality_sm {
	background-color: #FFFFEC;
	border: 1px solid #CCC;
	display: none;
	height: 75px;
	letter-spacing: 0.25em;
	margin-left: 0px;
	margin-top: 3px;
	padding-top: 2%;
	position: relative;
	text-align: center;
	top: 0px;
	vertical-align: middle;
	width: 72%;
 }

 #qt   {
	position: relative;
	margin: 0 0 0 0 ;
	text-align: center;
	left: 0px;
	top: 10px;
	width: 260px;
	font-family: italic;
	font-size: 12px;
	color: #899639;
 }

 @media all and (max-width: 800px)   {  #qt  { width: 200px; left: 3%;  } }

#Right {
	border: none;
	display: block;
	
	height: 795px;
	left: 74%;
	margin: -470px 0 0 0;
	position: relative;
	width: 26%;
 }
 @media all and (max-width: 925px)   {  #Right  { margin: -470px 0 0 0; } }
/*@media all and (max-width: 875px)   {  #Right  { margin: -162px 0 0 0; } }*/
/*@media all and (max-width: 825px)   {  #Right  { margin: -182px 0 0 0; } }*/

#right1 {
	float: none;
	left: 0px;
        display: block;
	margin: 0 auto;
	position: absolute;
	text-align: center;
        
 }
#right1 img {
        max-width: 100%;
        height: auto;
}

#right1_d {
	float: none;
	height: 200px;
	font-size: 17px;
	font-weight: bold;
	margin: 250px 0 0 0;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 100;
 }
@media all and (max-width: 925px)   {  #right1_d  { margin: 240px 0 0 0; } }
@media all and (max-width: 825px)   {  #right1_d  { margin: 220px 0 0 0; } }


#right2 {
	font-size: 16px;
	float: none;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 565px;
	width: 98%;
	font-weight: bold; 
 }
 /*@media all and (max-width: 800px)   {  #right2  { margin: -25px 0 0 1%;  } }*/

#sdclocks {
	border: 1px solid #665;
	display: none;
	float: left;
	height: 265px;
	margin-left: 2%;
	width: 96%;
 }

#SD_right {
	display: block;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	font-size: 14px;
	top: 400px;
	width: 100%;
	font-weight: bold;
 }
 @media all and (max-width: 800px)   {  #SD_right  { top: 360px; font-size: 12px;  } }

#sendGift {
	clear: left;
	float: left;
	position: relative;
	width: 200px;
 }

#sentGift {
	font-weight: bold;
	text-align: center;
 }

.slicknav_menu {display: none;}

.slideshow-container {
        position: relative;
        max-width: 100%;
        margin: -248px 0 0 -18%;
		 
        
        border: none;
	width: 78.5%;
	height: 543px;
  }
/*@media all and (max-width: 875px)   { .slideshow-container  { top: -325px;   } }*/


.slideshow-container img {
        width: 100%;
        height: auto;
        position: absolute;
        opacity: 0;
        transition: opacity 0.9s ease-in-out;
 }

.slideshow-container .slideshow-image.active {
        opacity: 1;
 }

.slideshow-container .image-title {
        position: absolute;
        bottom: 10px;
        left: 10px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 5px;
        font-size: 14px;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
 }

.slideshow-container:hover .image-title {
        opacity: 1;
 }
 
#stripe {
	background-color: #E8E8E8;
	border: 1px solid #CCCCCC;
	display: block;
	float: none;
	height: 10px;
	margin: 10px 0 10px 0;
	position: relative;
	width: 99.75%;
	z-index: 1;
 }

#swiffycontainer {
	float: none;
	height: 273px;
	margin: -72px 0 0 5%;
	position: absolute;
	width: 242px;
	z-index: 99;
 }
@media all and (max-width: 800px)   {  #swiffycontainer  { margin: -55px 0 0 0%;
    -ms-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -o-transform: scale(0.90);
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;  } }
    
 #frame {
       height: 273px;
       width: 242px;
       border: 0;
 } 

#swiffycontainer2 {
    float: none;
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    z-index: 99;
 }

#swiffycontainer2 img {
    max-width: 100%; /* Scale based on container width */
    height: auto; /* Maintain aspect ratio */
 }
/* @media all and (max-width: 800px)   {  #swiffycontainer2  { margin: 5px 0 0 6%; height: 259px; width: 230px; } }*/
	 
.text_brown {color: #937358;}

.text_red {

    color: #ac1010;
 }

.viewCart  {

    display: block;
}  

#whiteletterclocks {
	border: 1px solid #665;
	display: none;
	float: left;
	height: 265px;
	margin-left: 2%;
	width: 96%;
 }

#WCCslider-container1 {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* reset box-sizing (to boostrap friendly) */
	box-sizing: content-box;
	display: table;
	position: relative;
	margin: 0 0 0 20.5%;
	border: 1px solid #fff;
	width: 52%;
	top: -635px;
	height: 543px;
	z-index: 90;
	zoom: 1;
 }

#WCCslider-container2 {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* reset box-sizing (to boostrap friendly) */
	box-sizing: content-box;
	display: table;
	position: relative;
	margin: -65px 0 0 22.5%;
	border: 1px solid #fff;
	width: 75%;
	z-index: 90;
	zoom: 1;
 }
#WCCslider-container3 {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* reset box-sizing (to boostrap friendly) */
	box-sizing: content-box;
	display: table;
	position: relative;
	margin: -315px 0 0 21.5%;
	border: 0;
	width: 52%;
	height: 543px;
	z-index: 90;
	zoom: 1;
 }

/* .slideshow-container {
        display: block;
	position: relative;
	margin: 0 0 0 21.5%;
	width: 52%;
        top: -580px;
	height: 543px;
	z-index: 90;
	zoom: 1;
        max-width: 100%;
        position: relative;
        max-width: 100%;
        overflow: hidden;
        }

.slideshow-container img {
        width: 100%;
        height: auto;
        position: absolute;
        opacity: 0;
        transition: opacity 0.9s ease-in-out;
 }

.slideshow-container .slideshow-image.active {
        opacity: 1;
 }*/