h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.6em;
}
.btn {
    display: inline-block;
}
.logo {
    font-size: 1.6em;
    margin: 0;
    position: relative;
    z-index: 1;
}
.logo a {
    display: block;
    height: auto;
    padding: 0.6em 1em 0.0em 0.7em;
    width: 120px;
}
.logo img {
    height: auto;
    width: 340px;
}
.nav-anchors {
    display: none;
}
.nav {
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
}
header[role="banner"] .nav {
    border-top: 0 none;
    clear: none;
    margin: 0;
}
.search {
    border: 0 none;
    padding: 0;
    position: absolute;
    right: 1em;
    top: 0.8em;
    width: 10em;
}
.queryselectorall .search, .queryselectorall [role="banner"] .nav {
    display: block;
}
.product-main {
    padding-bottom: 4em;
}
.product-img {
    float: left;
    height: auto;
    margin-top: 0.2em;
    width: 50%;
}
.product-main > header {
    padding-top: 1em;
}
.product-main > header, .product-desc, .product-form, .product-utils, .product-description {
    margin-left: 50%;
    padding-left: 2em;
}
.product-name {
		text-align: center;
}
.aux {
    padding: 1em 0;
}
.aux header {
    border: 0 none;
    cursor: default;
    padding: 0;
}
.aux header a:after, .aux header a.open:after {
    content: "";
}
[aria-hidden="true"] {
    display: block;
}
.product-description header {
    display: none;
}
.reviews {
    padding-bottom: 3em;
}
.related-products {
    border: 0 none;
    clear: both;
}
.related-products header {
    border: 0 none;
}
.related-products li {
    width: 16.6667%;
}
.related-nav a {
    background: url("http://www.tiffany.com/Shared/images/misc/arrow2_left_on.gif") no-repeat scroll 50% -65px rgba(0, 0, 0, 0);
    display: block;
    height: 160px;
    left: -2.5em;
    position: absolute;
    text-indent: -99999em;
    top: 50%;
    width: 2.5em;
    z-index: 0;
}
.related-nav a.nav-next {
    background: url("http://www.tiffany.com/Shared/images/misc/arrow2_right_on.gif") no-repeat scroll 50% -65px rgba(0, 0, 0, 0);
    left: auto;
    right: -2.5em;
}
.reviews {
    border: 0 none;
}
.reviews-list img {
    margin: 0 1em 0 0;
    max-height: 6em;
    max-width: 6em;
}
.review-meta {
    float: left;
    font-size: 1em;
    padding-top: 0.8em;
    width: 30%;
}
.review-content {
    clear: none;
    margin-left: 50%;
    padding-top: 0.8em;
}
.reviews .btn {
    display: block;
    margin: 0 auto;
    max-width: 11em;
}
.footer ul {
    margin: 0;
}
.footer .nav {
    float: left;
}
.footer .nav li a {
    line-height: 1;
    padding: 1.3em;
}
.footer ul.service-links {
    float: right;
    margin-top: 0.9em;
}
.service-links li.tel {
    display: inline-block;
}
.service-links li.tel a {
    display: inline;
}
@media screen and (min-width: 40.5em) and (max-width: 60em) {
.product-img {
    width: 60%;
}
.product-main > header, .product-desc, .product-form, .product-utils, .product-description {
    margin-left: 60%;
    padding-left: 1em;
}
}
@media screen and (min-width: 60em) {
.product-img {
    width: 23%;
}
.product-main > header, .product-desc, .product-form, .product-utils, .product-description {
    margin-left: 67%;
    padding-left: 2em;
}
.product-descript {
		margin-left: 30%;
		margin-top: -35%;
		margin-right: 345px;
}
.product-share {
    float: left;
    margin: 0;
    width: 19%;
}
.img-container {
    margin-left: 10em;
}
.product-img nav {
    left: 0;
    position: absolute;
    top: 0;
    width: 9em;
}
.product-img nav li {
    display: block;
    margin: 0 0 1em;
    text-align: -moz-center;
}
.product-img nav img {
    width: auto;
}
.submit-form input {
    position: relative;
    z-index: 1;
}
.product-utils {
    position: relative;
    z-index: 0;
}
.reviews-list > li {
    padding: 2em 7em;
}
}
#comment-link {
    bottom: 0;
    height: 100px;
    line-height: 1;
    overflow: hidden;
    position: fixed;
    right: 0;
    width: 100px;
    z-index: 4;
}
.csstransforms #comment-link a {
    height: 100px;
    margin-top: 40px;
    padding: 5px;
    text-align: center;
    transform: rotate(-45deg);
    width: 182px;
}
#comment-link a strong {
    display: block;
}
#comment-container {
    bottom: 0;
    left: 0;
    padding: 1em 1em 4em;
    position: fixed;
    top: auto;
    transition: bottom 0.3s ease-out 0s;
    width: 100%;
}
#close-comments {
    display: block;
}
label, input, textarea, .nav-anchors li, .nav li, .price, .star, .star li, .product-img nav, .product-img nav li, .product-utils a, .reviews header h2, .footer li {
}
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
text-align: center;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
background-color:#eae9d4;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eae9d4;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -65px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 170px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(3) span{
top: -100px; 
}
ul.enlarge li:hover:nth-child(5) span{
top: -200px; 
}
ul.enlarge li:hover:nth-child(7) span{
top: -250px; 
}
ul.enlarge li:hover:nth-child(9) span{
top: -300px; 
}
ul.enlarge li:hover:nth-child(11) span{
top: -400px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(pie/PIE.htc); 
}
.imagemob {
		height: auto;
		width: 85%;
}